@jirawatpyk/aura-react 5.1.0 → 5.2.0

package/dist/cjs/index.cjs

@@ -138,14 +138,21 @@ function omit(src, keys) {
 }
 function useMaybeControlled(value, initial, onChange) {
   const s = React.useState(initial);
+  const wasSet = React.useState(value !== void 0);
+  if (value !== void 0 && !wasSet[0]) wasSet[1](true);
+  else if (value === void 0 && wasSet[0]) {
+    wasSet[1](false);
+    s[1](initial);
+  }
   const controlled = value !== void 0;
-  return [
-    controlled ? value : s[0],
-    function(next) {
-      if (!controlled) s[1](next);
-      if (onChange) onChange(next);
-    }
-  ];
+  const latest = React.useRef({ controlled, onChange, set: s[1] });
+  latest.current = { controlled, onChange, set: s[1] };
+  const set = React.useCallback(function(next) {
+    const l = latest.current;
+    if (!l.controlled) l.set(next);
+    if (l.onChange) l.onChange(next);
+  }, []);
+  return [controlled ? value : s[0], set];
 }
 var collator = typeof Intl !== "undefined" ? new Intl.Collator(["th", "en"], { numeric: true, sensitivity: "base" }) : null;
 function compare(a, b) {
@@ -210,6 +217,9 @@ function tone(t) {
   return TONES.indexOf(t) >= 0 ? t : "neutral";
 }
 var warned = {};
+function plainClick(e) {
+  return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
+}
 function devWarnOnce(key, message) {
   if (warned[key]) return;
   let dev = false;
@@ -350,6 +360,12 @@ var STRINGS = {
     page: function(p, total) {
       return "Page " + p + " of " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " of many";
+    },
+    pageOpen: function(p) {
+      return "Page " + p;
+    },
     prevPage: "Previous page",
     nextPage: "Next page",
     totals: "Totals",
@@ -363,6 +379,7 @@ var STRINGS = {
     timeOutOfRange: function(a, b) {
       return "Choose a time between " + a + " and " + b;
     },
+    timeUnavailable: "That time isn't available. Choose another.",
     dropFiles: "Drag files here or",
     browse: "Choose files",
     browseOne: "Choose a file",
@@ -464,6 +481,12 @@ var STRINGS = {
     page: function(p, total) {
       return "\u0E2B\u0E19\u0E49\u0E32 " + p + " / " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " \u0E08\u0E32\u0E01\u0E2B\u0E25\u0E32\u0E22\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    },
+    pageOpen: function(p) {
+      return "\u0E2B\u0E19\u0E49\u0E32 " + p;
+    },
     prevPage: "\u0E2B\u0E19\u0E49\u0E32\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
     nextPage: "\u0E2B\u0E19\u0E49\u0E32\u0E16\u0E31\u0E14\u0E44\u0E1B",
     totals: "\u0E23\u0E27\u0E21",
@@ -477,6 +500,7 @@ var STRINGS = {
     timeOutOfRange: function(a, b) {
       return "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32\u0E23\u0E30\u0E2B\u0E27\u0E48\u0E32\u0E07 " + a + "\u2013" + b + " \u0E19.";
     },
+    timeUnavailable: "\u0E40\u0E27\u0E25\u0E32\u0E19\u0E35\u0E49\u0E44\u0E21\u0E48\u0E27\u0E48\u0E32\u0E07 \u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32\u0E2D\u0E37\u0E48\u0E19",
     dropFiles: "\u0E25\u0E32\u0E01\u0E44\u0E1F\u0E25\u0E4C\u0E21\u0E32\u0E27\u0E32\u0E07 \u0E2B\u0E23\u0E37\u0E2D",
     browse: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
     browseOne: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
@@ -578,6 +602,12 @@ var STRINGS = {
     page: function(p, total) {
       return "Sida " + p + " av " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " av m\xE5nga";
+    },
+    pageOpen: function(p) {
+      return "Sida " + p;
+    },
     prevPage: "F\xF6reg\xE5ende sida",
     nextPage: "N\xE4sta sida",
     totals: "Summa",
@@ -591,6 +621,7 @@ var STRINGS = {
     timeOutOfRange: function(a, b) {
       return "V\xE4lj en tid mellan " + a + " och " + b;
     },
+    timeUnavailable: "Den tiden \xE4r inte ledig. V\xE4lj en annan.",
     dropFiles: "Dra filer hit eller",
     browse: "V\xE4lj filer",
     browseOne: "V\xE4lj en fil",
@@ -634,17 +665,18 @@ function AuraProvider(props) {
   const timeZone = props.timeZone || outer && outer.timeZone || null;
   const value = React3.useMemo(
     function() {
-      const base = props.locale && STRINGS[props.locale] || STRINGS.en;
+      const own = !!props.locale || !outer || !outer.locale;
+      const base = own ? props.locale && STRINGS[props.locale] || STRINGS.en : outer.strings;
       return {
-        locale: props.locale || "en",
-        calendar: props.calendar || null,
+        locale: props.locale || outer && outer.locale || "en",
+        calendar: props.calendar || (own ? null : outer.calendar),
         strings: props.strings ? Object.assign({}, base, props.strings) : base,
-        linkComponent: props.linkComponent || null,
+        linkComponent: props.linkComponent || outer && outer.linkComponent || null,
         density,
         timeZone
       };
     },
-    [props.locale, props.calendar, props.strings, props.linkComponent, density, timeZone]
+    [props.locale, props.calendar, props.strings, props.linkComponent, density, timeZone, outer]
   );
   return /* @__PURE__ */ React3.createElement(LocaleContext.Provider, { value }, props.density ? /* @__PURE__ */ React3.createElement("div", { className: "aura-density", "data-density": props.density }, props.children) : props.children);
 }
@@ -783,11 +815,17 @@ var Menu = React6.forwardRef(function Menu2(props, ref) {
     function() {
       const a = props.anchor, m = own.current;
       if (!a || !m) return;
-      const r = a.getBoundingClientRect(), mh = m.offsetHeight, mw = m.offsetWidth;
-      let top = r.bottom + 4;
-      if (top + mh > window.innerHeight - 8 && r.top - mh - 4 > 8) top = r.top - mh - 4;
+      const r = a.getBoundingClientRect(), mh = m.scrollHeight, mw = m.offsetWidth, below2 = window.innerHeight - r.bottom - 12, above = r.top - 12;
+      let top = r.bottom + 4, maxHeight;
+      if (mh > below2) {
+        if (mh <= above) top = r.top - mh - 4;
+        else if (above > below2) {
+          maxHeight = above;
+          top = r.top - above - 4;
+        } else maxHeight = below2;
+      }
       const left = Math.max(8, Math.min(r.right - mw, window.innerWidth - mw - 8));
-      setPos({ top, left });
+      setPos({ top, left, maxHeight });
     },
     [props.anchor, mounted]
   );
@@ -831,6 +869,9 @@ var Menu = React6.forwardRef(function Menu2(props, ref) {
     } else if (e.key === "End") {
       e.preventDefault();
       list[list.length - 1].focus();
+    } else if (e.key === " " && document.activeElement && document.activeElement.tagName === "A") {
+      e.preventDefault();
+      document.activeElement.click();
     } else if (e.key === "Escape") {
       e.preventDefault();
       props.onClose(true);
@@ -871,9 +912,9 @@ var Menu = React6.forwardRef(function Menu2(props, ref) {
           tabIndex: -1,
           role: "menuitem",
           className: cls,
-          onClick: function() {
+          onClick: function(e) {
             if (it.onSelect) it.onSelect();
-            props.onClose(false);
+            props.onClose(e.detail === 0);
           }
         },
         body
@@ -904,7 +945,11 @@ var Menu = React6.forwardRef(function Menu2(props, ref) {
       "aria-label": props.label,
       className: "aura-menu",
       onKeyDown,
-      style: { top: pos ? pos.top : -9999, left: pos ? pos.left : -9999 }
+      style: {
+        top: pos ? pos.top : -9999,
+        left: pos ? pos.left : -9999,
+        maxHeight: pos && pos.maxHeight ? pos.maxHeight : void 0
+      }
     },
     groupItems(items2).map(function(block, bi) {
       const rendered = block.items.map(function(x) {
@@ -922,6 +967,16 @@ var DropdownMenu = React7.forwardRef(function DropdownMenu2(props, ref) {
   const st = React7.useState(null), anchor = st[0], setAnchor = st[1];
   const wrap = React7.useRef(null), wrapMerged = useMergedRef(ref, wrap);
   const child = React7.Children.only(props.trigger);
+  const menuRef = React7.useRef(null), toLast = React7.useRef(false);
+  React7.useEffect(
+    function() {
+      if (!anchor || !toLast.current || !menuRef.current) return;
+      toLast.current = false;
+      const list = menuRef.current.querySelectorAll('[role^="menuitem"]:not([disabled])');
+      if (list.length) list[list.length - 1].focus();
+    },
+    [anchor]
+  );
   function toggle(e) {
     if (child.props.onClick) child.props.onClick(e);
     const el = wrap.current && (wrap.current.querySelector('button, [role="button"], a') || wrap.current);
@@ -930,12 +985,14 @@ var DropdownMenu = React7.forwardRef(function DropdownMenu2(props, ref) {
   function onKeyDown(e) {
     if ((e.key === "ArrowDown" || e.key === "ArrowUp") && !anchor) {
       e.preventDefault();
+      toLast.current = e.key === "ArrowUp";
       setAnchor(wrap.current.querySelector('button, [role="button"], a') || wrap.current);
     }
   }
   return /* @__PURE__ */ React7.createElement("span", { ref: wrapMerged, className: "aura-dropdown", onKeyDown }, React7.cloneElement(child, { onClick: toggle, "aria-haspopup": "menu", "aria-expanded": anchor ? true : false }), anchor ? /* @__PURE__ */ React7.createElement(
     Menu,
     {
+      ref: menuRef,
       anchor,
       label: props.label,
       items: props.items,
@@ -954,6 +1011,7 @@ var Checkbox = React8.forwardRef(function Checkbox2(props, ref) {
   const own = React8.useRef(null), merged = useMergedRef(ref, own);
   const st = useMaybeControlled(props.checked, !!props.defaultChecked, props.onChange);
   const on = !!st[0];
+  const auto = uid();
   React8.useEffect(function() {
     if (own.current) own.current.indeterminate = !!props.indeterminate;
   });
@@ -977,7 +1035,7 @@ var Checkbox = React8.forwardRef(function Checkbox2(props, ref) {
       "checkbox-label",
       "Checkbox `label` is only the accessible name: it is not shown. In 6.0 it will be shown beside the box, like Switch and TextField. For visible text now pass it as children; for a bare box (a table row) add `hideLabel`."
     );
-  const descId = props.description && props.id ? props.id + "-desc" : void 0;
+  const descId = props.description ? (props.id || auto) + "-desc" : void 0;
   return /* @__PURE__ */ React8.createElement(
     "label",
     {
@@ -1105,8 +1163,8 @@ var TextField = React11.forwardRef(function TextField2(props, ref) {
         className: "aura-input__control",
         placeholder: props.placeholder,
         required: props.required,
-        "aria-invalid": props.error ? true : void 0,
-        "aria-describedby": describedBy(id, props)
+        "aria-invalid": props.error ? true : rest["aria-invalid"],
+        "aria-describedby": [describedBy(id, props), rest["aria-describedby"]].filter(Boolean).join(" ") || void 0
       }
     ), props.suffix ? /* @__PURE__ */ React11.createElement("span", { className: "aura-input__suffix" }, props.suffix) : null)
   );
@@ -1139,8 +1197,8 @@ var Textarea = React12.forwardRef(function Textarea2(props, ref) {
         className: "aura-input aura-textarea",
         placeholder: props.placeholder,
         required: props.required,
-        "aria-invalid": props.error ? true : void 0,
-        "aria-describedby": describedBy(id, props)
+        "aria-invalid": props.error ? true : rest["aria-invalid"],
+        "aria-describedby": [describedBy(id, props), rest["aria-describedby"]].filter(Boolean).join(" ") || void 0
       }
     )
   );
@@ -1199,10 +1257,22 @@ var RadioGroup = React14.forwardRef(function RadioGroup2(props, ref) {
     props.onChange
   );
   const name = props.name || id;
+  const setRef = React14.useCallback(
+    function(el) {
+      if (el)
+        el.focus = function(opts) {
+          const r = el.querySelector('input[type="radio"]:checked') || el.querySelector('input[type="radio"]:not(:disabled)');
+          if (r) r.focus(opts);
+        };
+      if (typeof ref === "function") ref(el);
+      else if (ref) ref.current = el;
+    },
+    [ref]
+  );
   return /* @__PURE__ */ React14.createElement(
     "fieldset",
     {
-      ref,
+      ref: setRef,
       className: cx("aura-field aura-radio-group", props.error && "is-invalid", props.className),
       "aria-describedby": describedBy(id, props),
       "aria-invalid": props.error ? true : void 0,
@@ -1219,6 +1289,7 @@ var RadioGroup = React14.forwardRef(function RadioGroup2(props, ref) {
           name,
           value: v.value,
           disabled: v.disabled,
+          required: props.required || void 0,
           checked: st[0] === v.value,
           onChange: function() {
             st[1](v.value);
@@ -1265,7 +1336,7 @@ var Switch = React15.forwardRef(function Switch2(props, ref) {
       },
       /* @__PURE__ */ React15.createElement("span", { className: "aura-switch__thumb" })
     ),
-    props.label ? /* @__PURE__ */ React15.createElement("span", { className: "aura-choice__text" }, /* @__PURE__ */ React15.createElement("label", { className: "aura-choice__label", id: id + "-label", htmlFor: id }, props.label), props.description ? /* @__PURE__ */ React15.createElement("span", { className: "aura-choice__desc", id: id + "-desc" }, props.description) : null) : null
+    props.label ? /* @__PURE__ */ React15.createElement("span", { className: "aura-choice__text" }, /* @__PURE__ */ React15.createElement("label", { className: "aura-choice__label", id: id + "-label", htmlFor: id }, props.label), props.description ? /* @__PURE__ */ React15.createElement("span", { className: "aura-choice__desc", id: id + "-desc" }, props.description) : null) : props.description ? /* @__PURE__ */ React15.createElement("span", { className: "aura-sr-only", id: id + "-desc" }, props.description) : null
   );
 });
 
@@ -1349,7 +1420,7 @@ var Combobox = React16.forwardRef(
       function() {
         if (open) place();
       },
-      [open, shown.length]
+      [open, shown.length, values.length]
     );
     React16.useEffect(
       function() {
@@ -1381,6 +1452,7 @@ var Combobox = React16.forwardRef(
       },
       [activeIdx, open]
     );
+    const live = props.loading ? [] : shown;
     function openList() {
       if (!open && !props.disabled && !props.readOnly) {
         setOpen(true);
@@ -1416,7 +1488,7 @@ var Combobox = React16.forwardRef(
       if (k === "ArrowDown") {
         e.preventDefault();
         if (!open) openList();
-        else setActive(Math.min(activeIdx + 1, shown.length - 1));
+        else setActive(Math.max(0, Math.min(activeIdx + 1, live.length - 1)));
       } else if (k === "ArrowUp") {
         e.preventDefault();
         if (!open) openList();
@@ -1426,21 +1498,22 @@ var Combobox = React16.forwardRef(
         setActive(0);
       } else if (k === "End" && open) {
         e.preventDefault();
-        setActive(shown.length - 1);
+        setActive(Math.max(0, live.length - 1));
       } else if (k === "Enter") {
-        if (open && shown[activeIdx]) {
+        if (e.nativeEvent.isComposing || e.keyCode === 229) return;
+        if (open && live[activeIdx]) {
           e.preventDefault();
-          choose(shown[activeIdx]);
+          choose(live[activeIdx]);
         }
       } else if (k === "Escape") {
         if (open) {
           e.preventDefault();
           e.stopPropagation();
           close();
-        } else if (!multi && props.clearable !== false && value != null && query == null) {
+        } else if (!multi && !props.readOnly && props.clearable !== false && value != null && query == null) {
           setValue(null);
         }
-      } else if (k === "Backspace" && multi && !text && values.length) {
+      } else if (k === "Backspace" && multi && !props.readOnly && !text && values.length) {
         setValues(values.slice(0, -1));
       } else if (k === "Tab") {
         if (open) close();
@@ -1452,7 +1525,7 @@ var Combobox = React16.forwardRef(
       return id + "-opt-" + i;
     };
     const list = open && mounted && posState[0] ? (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ React16.createElement("div", { ref: listRef, className: "aura-combo__popover", style: posState[0] }, /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React16.createElement("div", { ref: listRef, className: "aura-combo__popover", style: posState[0] }, live.length ? /* @__PURE__ */ React16.createElement(
         "ul",
         {
           id: listId,
@@ -1461,7 +1534,7 @@ var Combobox = React16.forwardRef(
           "aria-multiselectable": multi || void 0,
           className: "aura-combo__list"
         },
-        props.loading ? /* @__PURE__ */ React16.createElement("li", { className: "aura-combo__note", role: "presentation" }, /* @__PURE__ */ React16.createElement(Icon, { name: "loader-circle", className: "aura-spin" }), props.loadingText || t.searching) : !shown.length ? /* @__PURE__ */ React16.createElement("li", { className: "aura-combo__note", role: "presentation" }, props.emptyText || t.noMatches) : shown.map(function(o, i) {
+        live.map(function(o, i) {
           const isSel = multi ? isPicked(o.value) : !!selected && o.value === selected.value;
           const blocked = o.disabled || multi && full && !isSel;
           return /* @__PURE__ */ React16.createElement(
@@ -1493,9 +1566,8 @@ var Combobox = React16.forwardRef(
             /* @__PURE__ */ React16.createElement("span", { className: "aura-combo__text" }, /* @__PURE__ */ React16.createElement("span", { className: "aura-combo__label" }, o.label), o.description ? /* @__PURE__ */ React16.createElement("span", { className: "aura-combo__desc" }, o.description) : null),
             isSel ? /* @__PURE__ */ React16.createElement(Icon, { name: "check", className: "aura-combo__check" }) : null
           );
-        }),
-        more && !props.loading ? /* @__PURE__ */ React16.createElement("li", { className: "aura-combo__note", role: "presentation" }, t.keepTyping((props.options || []).length)) : null
-      )),
+        })
+      ) : null, props.loading || !live.length || more ? /* @__PURE__ */ React16.createElement("div", { className: "aura-combo__list", role: "status" }, props.loading ? /* @__PURE__ */ React16.createElement("div", { className: "aura-combo__note" }, /* @__PURE__ */ React16.createElement(Icon, { name: "loader-circle", className: "aura-spin" }), props.loadingText || t.searching) : !live.length ? /* @__PURE__ */ React16.createElement("div", { className: "aura-combo__note" }, props.emptyText || t.noMatches) : /* @__PURE__ */ React16.createElement("div", { className: "aura-combo__note" }, t.keepTyping((props.options || []).length))) : null),
       document.body
     ) : null;
     return /* @__PURE__ */ React16.createElement(
@@ -1534,9 +1606,9 @@ var Combobox = React16.forwardRef(
         ));
       })) : null, multi ? /* @__PURE__ */ React16.createElement("span", { id: summaryId, className: "aura-sr-only" }, picked.length ? t.selectedCount(picked.length) + ": " + picked.map(function(o) {
         return o.label;
-      }).join(", ") : "") : null, multi && props.name ? values.map(function(v) {
+      }).join(", ") : "") : null, props.name ? multi ? values.map(function(v) {
         return /* @__PURE__ */ React16.createElement("input", { key: v, type: "hidden", name: props.name, value: v });
-      }) : null, /* @__PURE__ */ React16.createElement(
+      }) : /* @__PURE__ */ React16.createElement("input", { type: "hidden", name: props.name, value: value == null ? "" : value }) : null, /* @__PURE__ */ React16.createElement(
         "input",
         {
           ref: inputMerged,
@@ -1545,17 +1617,16 @@ var Combobox = React16.forwardRef(
           role: "combobox",
           className: "aura-input__control",
           autoComplete: "off",
-          "aria-expanded": open,
-          "aria-controls": listId,
+          "aria-expanded": open && live.length > 0,
+          "aria-controls": open && live.length ? listId : void 0,
           "aria-autocomplete": "list",
-          "aria-activedescendant": open && shown[activeIdx] ? optId(activeIdx) : void 0,
+          "aria-activedescendant": open && live[activeIdx] ? optId(activeIdx) : void 0,
           "aria-invalid": props.error ? true : void 0,
           "aria-describedby": [props.error ? id + "-error" : props.hint ? id + "-hint" : "", multi && picked.length ? summaryId : ""].filter(Boolean).join(" ") || void 0,
           placeholder: multi && values.length ? void 0 : props.placeholder,
           disabled: props.disabled,
           readOnly: props.readOnly,
           required: props.required && (!multi || !values.length),
-          name: multi ? void 0 : props.name,
           value: text,
           onChange: function(e) {
             setQuery(e.target.value);
@@ -1573,7 +1644,7 @@ var Combobox = React16.forwardRef(
             }, 0);
           }
         }
-      ), props.clearable !== false && values.length && !props.disabled ? /* @__PURE__ */ React16.createElement(
+      ), props.clearable !== false && values.length && !props.disabled && !props.readOnly ? /* @__PURE__ */ React16.createElement(
         "button",
         {
           type: "button",
@@ -1622,20 +1693,29 @@ var pad = function(n2) {
   return (n2 < 10 ? "0" : "") + n2;
 };
 function toISO(d) {
-  return d ? d.getFullYear() + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate()) : null;
+  if (!d) return null;
+  const y = String(d.getFullYear());
+  return ("000" + y).slice(-Math.max(4, y.length)) + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate());
+}
+function makeDate(y, monthIndex2, day) {
+  const d = new Date(2e3, 0, 1);
+  d.setFullYear(y, monthIndex2, day);
+  return d;
 }
 function fromISO(s) {
   if (!s) return null;
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
-  return m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;
+  if (!m) return null;
+  const d = makeDate(+m[1], +m[2] - 1, +m[3]);
+  return d.getMonth() === +m[2] - 1 && d.getDate() === +m[3] ? d : null;
 }
 function addDays(d, n2) {
-  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n2);
+  return makeDate(d.getFullYear(), d.getMonth(), d.getDate() + n2);
 }
 function addMonths(d, n2) {
-  const t = new Date(d.getFullYear(), d.getMonth() + n2, 1);
-  const last = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
-  return new Date(t.getFullYear(), t.getMonth(), Math.min(d.getDate(), last));
+  const t = makeDate(d.getFullYear(), d.getMonth() + n2, 1);
+  const last = makeDate(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+  return makeDate(t.getFullYear(), t.getMonth(), Math.min(d.getDate(), last));
 }
 function same(a, b) {
   return !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
@@ -1664,7 +1744,8 @@ var DATE_TEXT = {
     rangePlaceholder: "\u0E27\u0E27/\u0E14\u0E14/\u0E1B\u0E1B\u0E1B\u0E1B \u2013 \u0E27\u0E27/\u0E14\u0E14/\u0E1B\u0E1B\u0E1B\u0E1B",
     clearDates: "\u0E25\u0E49\u0E32\u0E07\u0E0A\u0E48\u0E27\u0E07\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
     chooseStart: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19",
-    chooseEnd: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14"
+    chooseEnd: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14",
+    dateUnavailable: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E19\u0E35\u0E49\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49 \u0E25\u0E2D\u0E07\u0E40\u0E1B\u0E34\u0E14\u0E1B\u0E0F\u0E34\u0E17\u0E34\u0E19\u0E14\u0E39\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E14\u0E49"
   },
   en: {
     prevYears: "Previous years",
@@ -1681,7 +1762,8 @@ var DATE_TEXT = {
     rangePlaceholder: "DD/MM/YYYY \u2013 DD/MM/YYYY",
     clearDates: "Clear dates",
     chooseStart: "Choose the start date",
-    chooseEnd: "Choose the end date"
+    chooseEnd: "Choose the end date",
+    dateUnavailable: "That date can't be chosen. Open the calendar to see the dates you can pick."
   },
   sv: {
     prevYears: "Tidigare \xE5r",
@@ -1698,7 +1780,8 @@ var DATE_TEXT = {
     rangePlaceholder: "\xE5\xE5\xE5\xE5-mm-dd \u2013 \xE5\xE5\xE5\xE5-mm-dd",
     clearDates: "Rensa datumen",
     chooseStart: "V\xE4lj startdatum",
-    chooseEnd: "V\xE4lj slutdatum"
+    chooseEnd: "V\xE4lj slutdatum",
+    dateUnavailable: "Det datumet g\xE5r inte att v\xE4lja. \xD6ppna kalendern f\xF6r att se vilka datum som g\xE5r."
   }
 };
 function dateText(locale) {
@@ -1740,7 +1823,15 @@ function monthIndex(word) {
   return MONTHS[k] != null ? MONTHS[k] : -1;
 }
 function parseDate(text) {
-  const s = String(text || "").trim();
+  const raw = String(text || "").trim();
+  const gregorian = /ค\.ศ\.|\d\s*(AD|CE)\b|^\s*(AD|CE)\s/i.test(raw);
+  let s = raw.replace(/พ\.ศ\.|ค\.ศ\./g, " ").replace(/(\d)\s*(BE|AD|CE)\b/gi, "$1 ").replace(/^\s*(BE|AD|CE)\s+/i, " ").replace(/\s+/g, " ").trim();
+  const eight = /^(\d{2})(\d{2})(\d{4})$/.exec(s);
+  if (eight) {
+    const a = +eight[3] >= 1e3 ? parseDate(eight[1] + "/" + eight[2] + "/" + eight[3] + (gregorian ? " \u0E04.\u0E28." : "")) : null;
+    if (a) return a;
+    s = s.slice(0, 4) + "-" + s.slice(4, 6) + "-" + s.slice(6);
+  }
   let m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(s), y, mo, d;
   if (m) {
     y = +m[1];
@@ -1750,13 +1841,13 @@ function parseDate(text) {
     d = +m[1];
     mo = +m[2];
     y = +m[3];
-  } else if ((m = /^(\d{1,2})\s+(\S+)\s+(\d{4})$/.exec(s.replace(ERA, "").trim())) && monthIndex(m[2]) >= 0) {
+  } else if ((m = /^(\d{1,2})\s+(\S+)\s+(\d{4})$/.exec(s)) && monthIndex(m[2]) >= 0) {
     d = +m[1];
     mo = monthIndex(m[2]) + 1;
     y = +m[3];
   } else return null;
-  if (y >= 2400) y -= 543;
-  const dt = new Date(y, mo - 1, d);
+  if (y >= 2400 && !gregorian) y -= 543;
+  const dt = makeDate(y, mo - 1, d);
   return dt.getMonth() === mo - 1 && dt.getDate() === d ? toISO(dt) : null;
 }
 function todayIn(timeZone) {
@@ -1791,14 +1882,37 @@ function useFormatDate() {
     [locale, calendar]
   );
 }
+function allowedDate(iso, o) {
+  const t = o.min === "today" || o.max === "today" ? o.today && fromISO(o.today) ? o.today : todayIn(o.timeZone) : "";
+  const lo = o.min === "today" ? t : o.min, hi = o.max === "today" ? t : o.max;
+  if (lo && fromISO(lo) && iso < lo) return false;
+  if (hi && fromISO(hi) && iso > hi) return false;
+  return !(o.isDateDisabled && o.isDateDisabled(iso));
+}
 var Calendar = React17.forwardRef(function Calendar2(props, ref) {
   const ctx = useAuraLocale(), locale = props.locale || ctx.locale || "en", calendar = props.calendar || ctx.calendar || defaultCalendar(locale), tag = localeTag(locale, calendar);
   const weekStart = props.weekStartsOn == null ? locale === "sv" ? 1 : 0 : props.weekStartsOn;
-  const todayISO = (props.today && fromISO(props.today) ? props.today : null) || todayIn(props.timeZone || ctx.timeZone);
+  const given = props.today && fromISO(props.today) ? props.today : null, zone = props.timeZone || ctx.timeZone;
+  const todayISO = given || todayIn(zone);
   const today = fromISO(todayISO);
+  const mounted = useMounted(), gridKey = given || mounted ? "client" : "server";
   const min = fromISO(props.min === "today" ? todayISO : props.min), max = fromISO(props.max === "today" ? todayISO : props.max);
   const start = fromISO(props.start), end = fromISO(props.end);
-  const focusState = React17.useState(fromISO(props.focus) || start || today);
+  function disabledAt(d) {
+    return !!(min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d)));
+  }
+  function select(iso) {
+    if (props.onSelect) props.onSelect(iso);
+  }
+  const focusState = React17.useState(function() {
+    const d0 = fromISO(props.focus) || start || today;
+    if (!disabledAt(d0)) return d0;
+    for (let i = 1; i <= 366; i++) {
+      if (!disabledAt(addDays(d0, i))) return addDays(d0, i);
+      if (!disabledAt(addDays(d0, -i))) return addDays(d0, -i);
+    }
+    return d0;
+  });
   const focusDate = focusState[0], setFocus = focusState[1];
   const viewState = React17.useState("days"), view = viewState[0], setView = viewState[1];
   const hoverState = React17.useState(null);
@@ -1806,7 +1920,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
   const th = locale === "th";
   const dt = dateText(locale);
   function disabled(d) {
-    return !!(min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d)));
+    return disabledAt(d);
   }
   React17.useEffect(function() {
     if (!moved.current) return;
@@ -1814,11 +1928,14 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
     const el = gridRef.current && gridRef.current.querySelector('[data-date="' + toISO(focusDate) + '"]');
     if (el) el.focus();
   });
-  React17.useEffect(function() {
-    if (props.autoFocus === false) return;
-    const el = gridRef.current && gridRef.current.querySelector('[tabindex="0"]');
-    if (el) el.focus();
-  }, []);
+  React17.useEffect(
+    function() {
+      if (props.autoFocus === false) return;
+      const el = gridRef.current && gridRef.current.querySelector('[tabindex="0"]');
+      if (el) el.focus();
+    },
+    [gridKey]
+  );
   function move(d) {
     moved.current = true;
     setFocus(d);
@@ -1843,7 +1960,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
     else if (k === "PageDown") n2 = addMonths(d, e.shiftKey ? 12 : 1);
     else if (k === "Enter" || k === " ") {
       e.preventDefault();
-      if (!disabled(d)) props.onSelect(toISO(d));
+      if (!disabled(d)) select(toISO(d));
       return;
     }
     if (n2) {
@@ -1866,7 +1983,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
     const yr = focusDate.getFullYear(), base = yr - yr % 12;
     const years = [];
     for (let y = base; y < base + 12; y++) years.push(y);
-    return /* @__PURE__ */ React17.createElement("div", { className: "aura-cal", ref: gridMerged }, /* @__PURE__ */ React17.createElement("div", { className: "aura-cal__head" }, /* @__PURE__ */ React17.createElement(
+    return /* @__PURE__ */ React17.createElement("div", { className: "aura-cal", ref: gridMerged, key: gridKey }, /* @__PURE__ */ React17.createElement("div", { className: "aura-cal__head" }, /* @__PURE__ */ React17.createElement(
       IconButton,
       {
         icon: "chevron-left",
@@ -1913,7 +2030,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
       );
     })));
   }
-  return /* @__PURE__ */ React17.createElement("div", { className: "aura-cal", ref: gridMerged }, /* @__PURE__ */ React17.createElement("div", { className: "aura-cal__head" }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React17.createElement("div", { className: "aura-cal", ref: gridMerged, key: gridKey }, /* @__PURE__ */ React17.createElement("div", { className: "aura-cal__head" }, /* @__PURE__ */ React17.createElement(
     IconButton,
     {
       icon: "chevron-left",
@@ -1975,7 +2092,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
               type: "button",
               "data-date": iso,
               tabIndex: same(d, focusDate) ? 0 : -1,
-              disabled: dis,
+              "aria-disabled": dis || void 0,
               "aria-label": fmt(tag, { weekday: "long", day: "numeric", month: "long", year: "numeric" }, d),
               suppressHydrationWarning: true,
               "aria-current": same(d, today) ? "date" : void 0,
@@ -1988,7 +2105,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
               ),
               onClick: function() {
                 setFocus(d);
-                props.onSelect(iso);
+                if (!dis) select(iso);
               },
               onKeyDown: function(e) {
                 onKey(e, d);
@@ -2010,7 +2127,7 @@ var Calendar = React17.forwardRef(function Calendar2(props, ref) {
       disabled: disabled(today),
       onClick: function() {
         move(today);
-        props.onSelect(toISO(today));
+        select(toISO(today));
       }
     },
     dt.today
@@ -2021,16 +2138,16 @@ function useCalendarPopover(boxRef) {
   const pos = React17.useState(null), popRef = React17.useRef(null), mounted = useMounted();
   function place() {
     if (!boxRef.current) return;
-    const r = boxRef.current.getBoundingClientRect(), H = 380;
-    const up = window.innerHeight - r.bottom < H && r.top > H;
-    const left = Math.max(8, Math.min(r.left, window.innerWidth - 320 - 8));
+    const el = popRef.current, r = boxRef.current.getBoundingClientRect(), W = el ? el.offsetWidth : 320, H = el ? el.offsetHeight : 380;
+    const up = window.innerHeight - r.bottom < H + 12 && r.top > H + 12;
+    const left = Math.max(8, Math.min(r.left, window.innerWidth - W - 8));
     pos[1](up ? { left, bottom: window.innerHeight - r.top + 4 } : { left, top: r.bottom + 4 });
   }
   useIsoLayoutEffect(
     function() {
       if (open) place();
     },
-    [open]
+    [open, !!pos[0]]
   );
   React17.useEffect(
     function() {
@@ -2144,13 +2261,30 @@ var DatePicker = React17.forwardRef(function DatePicker2(props, ref) {
   );
   const boxRef = React17.useRef(null), inputRef = React17.useRef(null), inputMerged = useMergedRef(ref, inputRef);
   const pop = useCalendarPopover(boxRef);
+  const limits = {
+    min: props.min,
+    max: props.max,
+    today: props.today,
+    timeZone: props.timeZone || ctx.timeZone,
+    isDateDisabled: props.isDateDisabled
+  };
+  const bad = React17.useState(null);
+  React17.useEffect(
+    function() {
+      bad[1](null);
+    },
+    [st[0]]
+  );
   function commit(text) {
+    bad[1](null);
     if (!text.trim()) {
       st[1](null);
       return;
     }
     const iso = parseDate(text);
-    if (iso) st[1](iso);
+    if (!iso) return;
+    if (allowedDate(iso, limits)) st[1](iso);
+    else bad[1](dt.dateUnavailable);
   }
   function close() {
     pop.setOpen(false);
@@ -2188,6 +2322,7 @@ var DatePicker = React17.forwardRef(function DatePicker2(props, ref) {
           start: st[0],
           focus: st[0],
           onSelect: function(iso) {
+            bad[1](null);
             st[1](iso);
             close();
           }
@@ -2203,7 +2338,7 @@ var DatePicker = React17.forwardRef(function DatePicker2(props, ref) {
       dialogId,
       label: props.label,
       hint: props.hint,
-      error: props.error,
+      error: bad[0] || props.error,
       required: props.required,
       optional: props.optional,
       disabled: props.disabled,
@@ -2217,6 +2352,7 @@ var DatePicker = React17.forwardRef(function DatePicker2(props, ref) {
       hasValue: st[0] != null,
       clearable: props.clearable,
       onClear: function() {
+        bad[1](null);
         st[1](null);
         inputRef.current && inputRef.current.focus();
       },
@@ -2243,20 +2379,36 @@ var DateRangePicker = React17.forwardRef(
     const draft = React17.useState(null);
     const boxRef = React17.useRef(null), inputRef = React17.useRef(null), inputMerged = useMergedRef(ref, inputRef);
     const pop = useCalendarPopover(boxRef);
+    const limits = {
+      min: props.min,
+      max: props.max,
+      today: props.today,
+      timeZone: props.timeZone || ctx.timeZone,
+      isDateDisabled: props.isDateDisabled
+    };
     const o = { locale, calendar };
     function show2(r) {
       if (!r.start) return "";
       if (!r.end) return formatDate(r.start, o) + " \u2013";
       return formatDate(r.start, o) + " \u2013 " + formatDate(r.end, o);
     }
+    const bad = React17.useState(null);
+    React17.useEffect(
+      function() {
+        bad[1](null);
+      },
+      [v.start, v.end]
+    );
     function commit(text) {
+      bad[1](null);
       const parts = String(text).split(/\s[–-]\s|\s*–\s*/);
       if (!text.trim()) {
         st[1]({ start: null, end: null });
         return;
       }
       const a = parseDate(parts[0]), b = parseDate(parts[1] || "");
-      if (a && b) st[1](a <= b ? { start: a, end: b } : { start: b, end: a });
+      if (a && b && !(allowedDate(a, limits) && allowedDate(b, limits))) bad[1](dt.dateUnavailable);
+      else if (a && b) st[1](a <= b ? { start: a, end: b } : { start: b, end: a });
     }
     function close() {
       pop.setOpen(false);
@@ -2269,6 +2421,7 @@ var DateRangePicker = React17.forwardRef(
         return;
       }
       const a = draft[0], b = iso;
+      bad[1](null);
       st[1](a <= b ? { start: a, end: b } : { start: b, end: a });
       close();
     }
@@ -2319,7 +2472,7 @@ var DateRangePicker = React17.forwardRef(
         dialogId,
         label: props.label,
         hint: props.hint,
-        error: props.error,
+        error: bad[0] || props.error,
         required: props.required,
         optional: props.optional,
         disabled: props.disabled,
@@ -2333,6 +2486,7 @@ var DateRangePicker = React17.forwardRef(
         hasValue: v.start != null,
         clearable: props.clearable,
         onClear: function() {
+          bad[1](null);
           st[1]({ start: null, end: null });
           inputRef.current && inputRef.current.focus();
         },
@@ -2528,6 +2682,7 @@ function Toaster(props) {
   const s = React19.useState(toastState.list);
   React19.useEffect(function() {
     toastState.subs.push(s[1]);
+    s[1](toastState.list.slice());
     return function() {
       toastState.subs = toastState.subs.filter(function(f) {
         return f !== s[1];
@@ -2589,15 +2744,30 @@ var React21 = __toESM(require("react"), 1);
 function items(errors) {
   if (Array.isArray(errors)) return errors;
   const out = [];
-  for (const k in errors || {}) {
-    const e = errors[k];
-    if (e && e.message) out.push({ field: k, message: e.message });
+  function walk(e, path, depth) {
+    if (!e || typeof e !== "object" || depth > 8) return;
+    const o = e;
+    if (o.message) out.push({ field: path, message: o.message });
+    for (const k in o) {
+      if (k === "ref" || k === "type" || k === "types" || k === "message") continue;
+      walk(o[k], path ? path + "." + k : k, depth + 1);
+    }
   }
+  walk(errors, "", 0);
   return out;
 }
 function fieldElement(field) {
   if (typeof document === "undefined") return null;
-  return document.getElementById(field) || document.querySelector('[name="' + field.replace(/"/g, '\\"') + '"]');
+  const byId = document.getElementById(field);
+  if (byId) return byId;
+  const named = document.querySelector('[name="' + field.replace(/"/g, '\\"') + '"]');
+  if (named && named.getAttribute("type") === "hidden") {
+    const box = named.closest(".aura-field") || named.parentElement;
+    return box && box.querySelector(
+      'input:not([type="hidden"]), [role="combobox"], select, textarea, button:not([tabindex="-1"])'
+    ) || named;
+  }
+  return named;
 }
 var FormErrorSummary = React21.forwardRef(
   function FormErrorSummary2(props, ref) {
@@ -2805,6 +2975,30 @@ var import_react_dom5 = require("react-dom");
 
 // src/useModal.tsx
 var React24 = __toESM(require("react"), 1);
+var locks = 0;
+var savedOverflow = "";
+function lockScroll() {
+  const body = document.body;
+  if (locks === 0) savedOverflow = body.style.overflow;
+  locks++;
+  body.style.overflow = "hidden";
+  let done = false;
+  return function() {
+    if (done) return;
+    done = true;
+    locks--;
+    if (locks === 0) body.style.overflow = savedOverflow;
+  };
+}
+function tabbable(el) {
+  const all = Array.prototype.filter.call(el.querySelectorAll(FOCUSABLE), function(c) {
+    return c.tabIndex >= 0;
+  });
+  const shown = all.filter(function(c) {
+    return c.getClientRects().length > 0;
+  });
+  return shown.length ? shown : all;
+}
 function useModal(open, ref, opts) {
   const mounted = useMounted();
   const prev = React24.useRef(null);
@@ -2813,8 +3007,7 @@ function useModal(open, ref, opts) {
     function() {
       if (!open || !mounted) return;
       prev.current = document.activeElement;
-      const body = document.body, overflow = body.style.overflow;
-      body.style.overflow = "hidden";
+      const unlock = lockScroll();
       const el = ref.current;
       const firstIn = function(scope) {
         if (!scope || !el) return null;
@@ -2829,7 +3022,7 @@ function useModal(open, ref, opts) {
       const target = el && (el.querySelector("[data-autofocus]") || firstIn(o.bodySelector) || firstIn(o.footSelector) || el);
       if (target && o.autoFocus !== false) target.focus();
       return function() {
-        body.style.overflow = overflow;
+        unlock();
         if (prev.current && prev.current.focus) prev.current.focus();
       };
     },
@@ -2841,17 +3034,18 @@ function useModal(open, ref, opts) {
       if (o.onEscape) o.onEscape();
       return;
     }
-    if (e.key !== "Tab" || !ref.current) return;
-    const list = Array.prototype.slice.call(ref.current.querySelectorAll(FOCUSABLE));
+    if (e.key !== "Tab" || !ref.current || e.defaultPrevented) return;
+    if (!ref.current.contains(e.target)) return;
+    const list = tabbable(ref.current);
     if (!list.length) {
       e.preventDefault();
       return;
     }
-    const first = list[0], last = list[list.length - 1];
-    if (e.shiftKey && (document.activeElement === first || document.activeElement === ref.current)) {
+    const first = list[0], last = list[list.length - 1], active = document.activeElement, stray = active === ref.current;
+    if (e.shiftKey && (active === first || stray)) {
       e.preventDefault();
       last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
+    } else if (!e.shiftKey && (active === last || stray)) {
       e.preventDefault();
       first.focus();
     }
@@ -2974,6 +3168,7 @@ function Command(props) {
       e.preventDefault();
       move("last");
     } else if (e.key === "Enter") {
+      if (e.nativeEvent.isComposing || e.keyCode === 229) return;
       e.preventDefault();
       if (active >= 0) run(flat[active]);
     }
@@ -3093,7 +3288,7 @@ var import_react_dom6 = require("react-dom");
 var Tooltip = React26.forwardRef(function Tooltip2(props, ref) {
   const id = uid(), st = React26.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
   const anchor = React26.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React26.useRef(null), timer = React26.useRef(void 0);
-  const pos = React26.useState(null);
+  const pos = React26.useState(null), mounted = useMounted();
   function show2(now) {
     clearTimeout(timer.current);
     timer.current = setTimeout(
@@ -3107,34 +3302,55 @@ var Tooltip = React26.forwardRef(function Tooltip2(props, ref) {
     clearTimeout(timer.current);
     set(false);
   }
+  function hideSoon() {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function() {
+      set(false);
+    }, 120);
+  }
+  React26.useEffect(function() {
+    return function() {
+      clearTimeout(timer.current);
+    };
+  }, []);
+  function place() {
+    if (!anchor.current || !tip.current) return;
+    const r = anchor.current.getBoundingClientRect(), t = tip.current.getBoundingClientRect();
+    const vw = window.innerWidth, vh = window.innerHeight, gap = 8, m = 8;
+    let side = props.side || "top";
+    if (side === "top" && r.top - t.height - gap < m && r.bottom + gap + t.height <= vh - m) side = "bottom";
+    else if (side === "bottom" && r.bottom + gap + t.height > vh - m && r.top - t.height - gap >= m) side = "top";
+    else if (side === "left" && r.left - t.width - gap < m && r.right + gap + t.width <= vw - m) side = "right";
+    else if (side === "right" && r.right + gap + t.width > vw - m && r.left - t.width - gap >= m) side = "left";
+    const clampX = function(x) {
+      return Math.max(m, Math.min(x, vw - t.width - m));
+    };
+    const clampY = function(y) {
+      return Math.max(m, Math.min(y, vh - t.height - m));
+    };
+    let top, left;
+    if (side === "top" || side === "bottom") {
+      top = clampY(side === "top" ? r.top - t.height - gap : r.bottom + gap);
+      left = clampX(r.left + r.width / 2 - t.width / 2);
+    } else {
+      left = side === "left" ? r.left - t.width - gap : r.right + gap;
+      left = clampX(left);
+      top = clampY(r.top + r.height / 2 - t.height / 2);
+    }
+    pos[1]({ top, left });
+  }
   useIsoLayoutEffect(
     function() {
-      if (!open || !anchor.current || !tip.current) return;
-      const r = anchor.current.getBoundingClientRect(), t = tip.current.getBoundingClientRect();
-      const vw = window.innerWidth, vh = window.innerHeight, gap = 8, m = 8;
-      let side = props.side || "top";
-      if (side === "top" && r.top - t.height - gap < m && r.bottom + gap + t.height <= vh - m) side = "bottom";
-      else if (side === "bottom" && r.bottom + gap + t.height > vh - m && r.top - t.height - gap >= m) side = "top";
-      else if (side === "left" && r.left - t.width - gap < m && r.right + gap + t.width <= vw - m) side = "right";
-      else if (side === "right" && r.right + gap + t.width > vw - m && r.left - t.width - gap >= m) side = "left";
-      const clampX = function(x) {
-        return Math.max(m, Math.min(x, vw - t.width - m));
-      };
-      const clampY = function(y) {
-        return Math.max(m, Math.min(y, vh - t.height - m));
+      if (!open) return;
+      place();
+      window.addEventListener("scroll", place, true);
+      window.addEventListener("resize", place);
+      return function() {
+        window.removeEventListener("scroll", place, true);
+        window.removeEventListener("resize", place);
       };
-      let top, left;
-      if (side === "top" || side === "bottom") {
-        top = clampY(side === "top" ? r.top - t.height - gap : r.bottom + gap);
-        left = clampX(r.left + r.width / 2 - t.width / 2);
-      } else {
-        left = side === "left" ? r.left - t.width - gap : r.right + gap;
-        left = clampX(left);
-        top = clampY(r.top + r.height / 2 - t.height / 2);
-      }
-      pos[1]({ top, left });
     },
-    [open]
+    [open, mounted]
   );
   React26.useEffect(
     function() {
@@ -3158,7 +3374,7 @@ var Tooltip = React26.forwardRef(function Tooltip2(props, ref) {
       onMouseEnter: function() {
         show2(false);
       },
-      onMouseLeave: hide,
+      onMouseLeave: hideSoon,
       onFocus: function() {
         show2(true);
       },
@@ -3166,14 +3382,18 @@ var Tooltip = React26.forwardRef(function Tooltip2(props, ref) {
     },
     React26.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] })
   );
-  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, trigger, open ? (0, import_react_dom6.createPortal)(
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, trigger, open && mounted ? (0, import_react_dom6.createPortal)(
     /* @__PURE__ */ React26.createElement(
       "div",
       {
         ref: tip,
         id,
         role: "tooltip",
-        className: "aura-tooltip",
+        onMouseEnter: function() {
+          clearTimeout(timer.current);
+        },
+        onMouseLeave: hideSoon,
+        className: "aura-tooltip aura-tooltip--hoverable",
         style: { top: pos[0] ? pos[0].top : -9999, left: pos[0] ? pos[0].left : -9999 }
       },
       props.content
@@ -3288,7 +3508,7 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     byKey[c.key] = c;
   });
   const rows = props.rows || [];
-  const rowKey = props.rowKey || columns[0].key;
+  const rowKey = props.rowKey || (columns[0] ? columns[0].key : "id");
   const manual = !!props.manual;
   const Link = useLinkComponent(props.linkComponent);
   const busy = !!props.loading;
@@ -3496,11 +3716,12 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     if (lv && boxWidth[0] == null) hideTerms += " + " + w + "px * var(--aura-h" + lv + "-on, 1)";
     else fixedSum += w;
   });
-  let pinOffsets = {}, acc = 0;
+  let pinOffsets = {}, acc = "0px";
   vis.forEach(function(c) {
     if (isPinned(c)) {
       pinOffsets[c.key] = acc;
-      acc += widthOf(c);
+      const lv = hideLevel(c);
+      acc += " + " + widthOf(c) + "px" + (lv && boxWidth[0] == null ? " * var(--aura-h" + lv + "-on, 1)" : "");
     }
   });
   const selW = selectable ? " + var(--aura-table-select-width)" : "";
@@ -3515,9 +3736,10 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
       s["--aura-cell-flex"] = !hasFlex && i === vis.length - 1 ? "1 0 auto" : "none";
       s["--aura-cell-w"] = w + "px";
     }
-    if (isPinned(c)) s["--aura-cell-left"] = "calc(var(--aura-space-6)" + selW + " + " + pinOffsets[c.key] + "px)";
+    if (isPinned(c)) s["--aura-cell-left"] = "calc(var(--aura-space-6)" + selW + " + " + pinOffsets[c.key] + ")";
     return s;
   }
+  const sortCol = sort && sort.key ? byKey[sort.key] : void 0;
   const view = React28.useMemo(
     function() {
       if (manual || !sort || !sort.key || !byKey[sort.key]) return rows;
@@ -3536,7 +3758,16 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
         return p[0];
       });
     },
-    [rows, manual, sort && sort.key, sort && sort.dir]
+    [
+      rows,
+      manual,
+      sort && sort.key,
+      sort && sort.dir,
+      !!sortCol,
+      sortCol && sortCol.sortValue,
+      sortCol && sortCol.pill,
+      sortCol && sortCol.tones
+    ]
   );
   function nextSort(key) {
     if (!sort || sort.key !== key) return { key, dir: "asc" };
@@ -3545,14 +3776,37 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
   }
   const pageSize = props.pageSize || 0;
   const total = manual ? props.totalRows != null ? props.totalRows : (Math.max(1, pageState[0] || 1) - 1) * pageSize + rows.length + (pageSize && rows.length >= pageSize ? 1 : 0) : view.length;
-  const pageCount = pageSize ? Math.max(1, Math.ceil(total / pageSize)) : 1;
+  const pageCount = pageSize ? Math.max(1, Math.ceil(total / pageSize), manual && props.totalRows == null ? pageState[0] || 1 : 1) : 1;
   const page = Math.min(Math.max(1, pageState[0] || 1), pageCount);
   const first = pageSize ? (page - 1) * pageSize : 0;
   const pageRows = pageSize && !manual ? view.slice(first, first + pageSize) : view;
   const canSortAny = !busy && (manual ? total > 1 : rows.length > 1);
   const shownTotal = manual && props.totalRows == null ? first + rows.length : total;
+  const prevCount = React28.useRef(pageCount);
+  React28.useEffect(
+    function() {
+      if (busy) return;
+      const before = prevCount.current;
+      prevCount.current = pageCount;
+      const asked = pageState[0] || 1;
+      if (asked === page || pageCount >= before || asked > before) return;
+      if (props.getPageHref && !props.onPageChange && !props.onStateChange) return;
+      pageState[1](page);
+      emit(sort, page);
+    },
+    [pageState[0], page, busy, pageCount]
+  );
   const linkPaging = !!props.getPageHref && !props.onPageChange && !oneCallback;
-  const prevLink = React28.useRef(null), nextLink = React28.useRef(null);
+  const prevLink = React28.useRef(null), nextLink = React28.useRef(null), jumpLink = React28.useRef(null);
+  const jumpState = React28.useState(null);
+  React28.useEffect(
+    function() {
+      if (jumpState[0] == null) return;
+      if (jumpLink.current) jumpLink.current.click();
+      jumpState[1](null);
+    },
+    [jumpState[0]]
+  );
   function emit(s, p) {
     if (props.onStateChange) props.onStateChange({ sort: s, page: p });
   }
@@ -3563,6 +3817,7 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     if (linkPaging) {
       const a = next === page - 1 ? prevLink.current : next === page + 1 ? nextLink.current : null;
       if (a) a.click();
+      else jumpState[1](next);
       return false;
     }
     if (focus) pending.current = focus;
@@ -3599,7 +3854,8 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
   }
   const height = props.height || 0;
   const virtual = !!height && !loading && pageRows.length > 0 && !stacked;
-  const bodyH = Math.max(ROW_H, height - ROW_H);
+  const stickyTotal = !!(props.footer && props.stickyFooter && rows.length && !loading);
+  const bodyH = Math.max(ROW_H, height - ROW_H - (stickyTotal ? ROW_H : 0));
   let start = 0, end = pageRows.length;
   if (virtual) {
     start = Math.max(0, Math.floor(scrollTop / ROW_H) - OVERSCAN);
@@ -3608,9 +3864,10 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
   const visibleRows = Math.max(1, Math.floor(bodyH / ROW_H));
   const nCols = vis.length + (selectable ? 1 : 0);
   const nRows = loading ? 0 : pageRows.length;
+  const hasTotal = !!(props.footer && rows.length && !loading), T = nRows + 1, lastR = nRows + (hasTotal ? 1 : 0);
   const active = activeState[0];
-  const ar = Math.min(active.r, nRows), ac = Math.min(active.c, nCols - 1);
-  const activeRendered = ar === 0 || ar - 1 >= start && ar - 1 < end;
+  const ar = Math.min(active.r, lastR), ac = Math.min(active.c, nCols - 1);
+  const activeRendered = ar === 0 || hasTotal && ar === T || ar - 1 >= start && ar - 1 < end;
   function colAt(ci) {
     return selectable ? ci === 0 ? null : vis[ci - 1] : vis[ci];
   }
@@ -3629,6 +3886,11 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
       });
       c = at >= 0 ? at + (selectable ? 1 : 0) : Math.min(p.c || 0, nCols - 1);
     }
+    const ae = document.activeElement;
+    if (ae && ae !== document.body && !gridRef.current.contains(ae)) {
+      pending.current = null;
+      return;
+    }
     const el = gridRef.current.querySelector('[data-rc="' + p.r + ":" + c + '"]');
     if (el) {
       pending.current = null;
@@ -3636,12 +3898,33 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     }
   });
   function focusCell(r, c) {
-    r = Math.max(0, Math.min(r, nRows));
+    r = Math.max(0, Math.min(r, lastR));
     c = Math.max(0, Math.min(c, nCols - 1));
     if (stacked && r === 0 && nRows > 0 && !(selectable && c === 0)) r = 1;
+    if (gridRef.current && r === T && hasTotal) {
+      const shown2 = function(cc) {
+        const e = gridRef.current.querySelector('[data-rc="' + r + ":" + cc + '"]');
+        return !!e && e.getClientRects().length > 0;
+      };
+      if (!shown2(c))
+        for (let d = 1; d < nCols; d++) {
+          if (c + d < nCols && shown2(c + d)) {
+            c = c + d;
+            break;
+          }
+          if (c - d >= 0 && shown2(c - d)) {
+            c = c - d;
+            break;
+          }
+        }
+    }
     activeState[1]({ r, c });
     pending.current = { r, c };
-    if (virtual && r > 0) {
+    if (virtual && hasTotal && r === T && !props.stickyFooter) {
+      const sc = scrollRef.current;
+      sc.scrollTop = sc.scrollHeight;
+      setScrollTop(sc.scrollTop);
+    } else if (virtual && r > 0 && r <= nRows) {
       const sc = scrollRef.current, top = (r - 1) * ROW_H;
       if (top < sc.scrollTop) sc.scrollTop = top;
       else if (top + ROW_H > sc.scrollTop + bodyH) sc.scrollTop = top + ROW_H - bodyH;
@@ -3658,26 +3941,28 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
   });
   const selSet = {};
   selected.forEach(function(k) {
-    selSet[k] = true;
+    selSet[String(k)] = true;
   });
   const nSel = pageKeys.filter(function(k) {
-    return selSet[k];
+    return selSet[String(k)];
   }).length;
   const all = nSel > 0 && nSel === pageKeys.length;
   function toggle(k, on) {
     setSelected(
       on ? selected.concat([k]) : selected.filter(function(x) {
-        return x !== k;
+        return String(x) !== String(k);
       })
     );
   }
   function toggleAll() {
     setSelected(
       all ? selected.filter(function(k) {
-        return pageKeys.indexOf(k) < 0;
+        return !pageKeys.some(function(p) {
+          return String(p) === String(k);
+        });
       }) : selected.concat(
         pageKeys.filter(function(k) {
-          return !selSet[k];
+          return !selSet[String(k)];
         })
       )
     );
@@ -3882,7 +4167,7 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
       return;
     }
     const p = rc.split(":"), r = +p[0], c = +p[1], k = e.key, col = colAt(c);
-    const row = r > 0 ? pageRows[r - 1] : null;
+    const row = r > 0 && r <= nRows ? pageRows[r - 1] : null, isTotal = hasTotal && r === T;
     let handled = true;
     if (r === 0 && col && e.altKey && (k === "ArrowLeft" || k === "ArrowRight") && canResize(col))
       setW(col, widthOf(col) + (k === "ArrowLeft" ? -1 : 1) * (e.shiftKey ? 48 : 16), true);
@@ -3893,21 +4178,23 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     else if (k === "ArrowRight") focusCell(r, c + 1);
     else if (k === "ArrowLeft") focusCell(r, c - 1);
     else if (k === "ArrowDown") {
-      if (r < nRows) focusCell(r + 1, c);
+      if (r < lastR) focusCell(r + 1, c);
       else if (pageSize && page < pageCount && goPage(page + 1, { r: 1, c })) activeState[1]({ r: 1, c });
     } else if (k === "ArrowUp") {
       if (r > 1 || r === 1 && !(pageSize && page > 1)) focusCell(r - 1, c);
       else if (r === 1 && goPage(page - 1, { r: pageSize, c })) activeState[1]({ r: pageSize, c });
     } else if (k === "Home") focusCell(e.ctrlKey ? 1 : r, 0);
-    else if (k === "End") focusCell(e.ctrlKey ? nRows : r, nCols - 1);
+    else if (k === "End") focusCell(e.ctrlKey ? lastR : r, nCols - 1);
     else if (k === "PageDown") {
       if (pageSize) {
         if (goPage(page + 1, { r: 1, c })) activeState[1]({ r: 1, c });
-      } else focusCell(Math.min(nRows, r + visibleRows), c);
+      } else focusCell(Math.min(lastR, r + visibleRows), c);
     } else if (k === "PageUp") {
       if (pageSize) {
         if (goPage(page - 1, { r: 1, c })) activeState[1]({ r: 1, c });
       } else focusCell(Math.max(1, r - visibleRows), c);
+    } else if (isTotal && (k === " " || k === "Enter" || k === "F2")) {
+      handled = false;
     } else if (k === "F2" && r > 0) {
       const inner = target.querySelector("button, a[href], input, select, textarea");
       if (inner) inner.focus();
@@ -4278,9 +4565,10 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
       }
     );
   }
-  if (pageSize && (rows.length || busy)) {
+  const openTotal = manual && props.totalRows == null && !!pageSize && rows.length >= pageSize;
+  if (pageSize && (rows.length || busy || page > 1)) {
     const from = rows.length ? first + 1 : 0, to = manual ? first + rows.length : Math.min(first + pageSize, view.length);
-    foot = /* @__PURE__ */ React28.createElement("div", { className: "aura-table__foot" }, /* @__PURE__ */ React28.createElement("span", { "aria-live": "polite" }, busy ? t.loading : t.range(from, to, shownTotal)), /* @__PURE__ */ React28.createElement("span", { className: "aura-table__pager" }, /* @__PURE__ */ React28.createElement("span", null, t.page(page, pageCount)), pagerButton(-1), pagerButton(1)));
+    foot = /* @__PURE__ */ React28.createElement("div", { className: "aura-table__foot" }, /* @__PURE__ */ React28.createElement("span", { "aria-live": "polite" }, busy ? t.loading : openTotal ? t.rangeOpen(from, to) : t.range(from, to, shownTotal)), /* @__PURE__ */ React28.createElement("span", { className: "aura-table__pager" }, /* @__PURE__ */ React28.createElement("span", null, openTotal ? t.pageOpen(page) : t.page(page, pageCount)), pagerButton(-1), pagerButton(1)));
   } else if (height && rows.length && !loading) {
     foot = /* @__PURE__ */ React28.createElement("div", { className: "aura-table__foot" }, /* @__PURE__ */ React28.createElement("span", null, t.rowCount(shownTotal)), selectable && selected.length ? /* @__PURE__ */ React28.createElement("span", null, t.selectedCount(selected.length)) : /* @__PURE__ */ React28.createElement("span", null));
   }
@@ -4294,15 +4582,32 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
       style: rowStyle
     },
     /* @__PURE__ */ React28.createElement("span", { className: "aura-table__gutter", "aria-hidden": true }),
-    selectable ? /* @__PURE__ */ React28.createElement("span", { className: cx("aura-table__sel", nPinned && "is-pinned"), "aria-hidden": true }) : null,
+    selectable ? /* @__PURE__ */ React28.createElement(
+      "span",
+      {
+        role: "gridcell",
+        "aria-colindex": 1,
+        className: cx("aura-table__sel", nPinned && "is-pinned"),
+        tabIndex: tabFor(T, 0),
+        "data-rc": T + ":0",
+        onFocus: function() {
+          activeState[1]({ r: T, c: 0 });
+        }
+      }
+    ) : null,
     vis.map(function(c, j) {
-      const pin = isPinned(c);
+      const pin = isPinned(c), ci = j + (selectable ? 1 : 0);
       return /* @__PURE__ */ React28.createElement(
         "span",
         {
           key: c.key,
           role: "gridcell",
           "aria-colindex": j + (selectable ? 2 : 1),
+          tabIndex: tabFor(T, ci),
+          "data-rc": T + ":" + ci,
+          onFocus: function() {
+            if (activeState[0].r !== T || activeState[0].c !== ci) activeState[1]({ r: T, c: ci });
+          },
           className: cx(
             "aura-table__td",
             c.mono && "aura-table__mono",
@@ -4328,8 +4633,9 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
     )
   ) : null;
   const scrollStyle = {
-    scrollPaddingLeft: "calc(var(--aura-space-6)" + selW + " + " + acc + "px)",
-    scrollPaddingTop: ROW_H + "px"
+    scrollPaddingLeft: "calc(var(--aura-space-6)" + selW + " + " + acc + ")",
+    scrollPaddingTop: ROW_H + "px",
+    scrollPaddingBottom: stickyTotal ? ROW_H + "px" : void 0
   };
   if (height) scrollStyle["--aura-table-h"] = height + "px";
   const gridEl = /* @__PURE__ */ React28.createElement(
@@ -4363,7 +4669,7 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
         role: "grid",
         "aria-label": props.label,
         "aria-busy": busy || void 0,
-        "aria-rowcount": loading ? -1 : shownTotal + 1 + (totalRow ? 1 : 0),
+        "aria-rowcount": loading || manual && props.totalRows == null && pageSize && rows.length >= pageSize ? -1 : shownTotal + 1 + (totalRow ? 1 : 0),
         "aria-colcount": nCols,
         "aria-multiselectable": selectable || void 0,
         onKeyDown: onGridKey,
@@ -4411,7 +4717,8 @@ var DataTable = React28.forwardRef(function DataTable2(props, ref) {
         items: menu.kind === "picker" ? pickerItems() : byKey[menu.key] ? columnMenuItems(byKey[menu.key]) : []
       }
     ) : null,
-    tipEl
+    tipEl,
+    jumpState[0] != null && props.getPageHref ? /* @__PURE__ */ React28.createElement(Link, { ref: jumpLink, href: props.getPageHref(jumpState[0]), hidden: true, tabIndex: -1, "aria-hidden": true }) : null
   );
   if (!levels.length) return gridEl;
   let out = gridEl;
@@ -4456,19 +4763,23 @@ var Card = React29.forwardRef(function Card2(props, ref) {
 var React30 = __toESM(require("react"), 1);
 var Tabs = React30.forwardRef(function Tabs2(props, ref) {
   const items2 = props.tabs || [], base = uid();
+  const asLinks = items2.length > 0 && items2.every(function(t) {
+    return !!t.href;
+  });
+  const firstOn = items2.filter(function(t) {
+    return !t.disabled;
+  })[0];
   const st = useMaybeControlled(
     props.value,
-    props.defaultValue || items2[0] && items2[0].id,
+    props.defaultValue || (asLinks ? void 0 : firstOn && firstOn.id),
     props.onChange
   );
+  const cur = asLinks && "value" in props ? props.value : st[0];
   const refs = React30.useRef({});
   const current2 = items2.filter(function(t) {
-    return t.id === st[0];
-  })[0] || items2[0];
+    return t.id === cur;
+  })[0] || firstOn || items2[0];
   const Link = useLinkComponent(props.linkComponent);
-  const asLinks = items2.length > 0 && items2.every(function(t) {
-    return !!t.href;
-  });
   if (asLinks)
     return /* @__PURE__ */ React30.createElement(
       "nav",
@@ -4478,7 +4789,7 @@ var Tabs = React30.forwardRef(function Tabs2(props, ref) {
         className: cx("aura-tabs aura-tabs--links", props.className)
       },
       /* @__PURE__ */ React30.createElement("div", { className: "aura-tabs__list" }, items2.map(function(t) {
-        const on = t.id === st[0];
+        const on = t.id === cur;
         const inner = [
           t.icon ? /* @__PURE__ */ React30.createElement(Icon, { key: "i", name: t.icon }) : null,
           t.label,
@@ -4724,6 +5035,7 @@ var SideNav = React31.forwardRef(function SideNav2(props, ref) {
       style: depth ? { ["--aura-nav-depth"]: depth } : void 0,
       onClick: function(e) {
         if (!it.href) e.preventDefault();
+        else if (!plainClick(e)) return;
         st[1](it.id);
       }
     };
@@ -4801,7 +5113,7 @@ function initials(name) {
   return ((parts[0] || "?")[0] + (parts.length > 1 ? parts[parts.length - 1][0] : parts[0][1] || "")).toUpperCase();
 }
 var Avatar = React33.forwardRef(function Avatar2(props, ref) {
-  const size = props.size || "md", errState = React33.useState(false);
+  const size = props.size || "md", errState = React33.useState(null);
   let hash = 0;
   String(props.name || "").split("").forEach(function(ch) {
     hash = hash * 31 + ch.charCodeAt(0) >>> 0;
@@ -4815,13 +5127,14 @@ var Avatar = React33.forwardRef(function Avatar2(props, ref) {
       role: "img",
       "aria-label": props.name + (props.status ? ", " + props.status : "")
     },
-    props.src && !errState[0] ? /* @__PURE__ */ React33.createElement(
+    props.src && errState[0] !== props.src ? /* @__PURE__ */ React33.createElement(
       "img",
       {
+        key: props.src,
         src: props.src,
         alt: "",
         onError: function() {
-          errState[1](true);
+          errState[1](props.src || null);
         }
       }
     ) : /* @__PURE__ */ React33.createElement("span", { "aria-hidden": true }, initials(props.name)),
@@ -4941,16 +5254,24 @@ var AppShell = React38.forwardRef(function AppShell2(props, ref) {
     [wide]
   );
   const navEl = props.nav && React38.isValidElement(props.nav) ? props.nav : null;
+  const shared = !!navEl && navEl.props.value === void 0 && (navEl.props.defaultValue !== void 0 || navEl.props.sections !== void 0 || navEl.props.items !== void 0);
+  const navState = React38.useState(navEl ? navEl.props.defaultValue : void 0);
+  function onNav(id) {
+    if (shared) navState[1](id);
+    if (navEl && navEl.props.onChange) navEl.props.onChange(id);
+  }
+  const deskNav = navEl && shared ? React38.cloneElement(navEl, { value: navState[0], onChange: onNav }) : props.nav;
   const drawerNav = navEl ? React38.cloneElement(navEl, {
+    value: shared ? navState[0] : navEl.props.value,
     onChange: function(id) {
-      if (navEl.props.onChange) navEl.props.onChange(id);
+      onNav(id);
       setOpen(false);
     },
     className: cx(navEl.props.className, "is-in-drawer"),
     collapsed: false,
     collapsible: false
   }) : props.nav;
-  return /* @__PURE__ */ React38.createElement("div", { ref, className: cx("aura-shell", props.bottomNav && "aura-shell--bottomnav", props.className) }, props.nav ? /* @__PURE__ */ React38.createElement("div", { className: "aura-shell__nav" }, props.nav) : null, props.nav ? /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement("div", { ref, className: cx("aura-shell", props.bottomNav && "aura-shell--bottomnav", props.className) }, props.nav ? /* @__PURE__ */ React38.createElement("div", { className: "aura-shell__nav" }, deskNav) : null, props.nav ? /* @__PURE__ */ React38.createElement(
     Drawer,
     {
       open,
@@ -5064,8 +5385,9 @@ var Table = React41.forwardRef(function Table2(props, ref) {
       className: "aura-tbl-wrap",
       "data-density": density,
       tabIndex: scrolls ? 0 : void 0,
-      role: scrolls ? "region" : void 0,
-      "aria-labelledby": scrolls && caption != null ? capId : void 0
+      role: scrolls && (caption != null || rest["aria-label"]) ? "region" : void 0,
+      "aria-labelledby": scrolls && caption != null ? capId : void 0,
+      "aria-label": scrolls && caption == null ? rest["aria-label"] : void 0
     },
     /* @__PURE__ */ React41.createElement("table", { ref, className: cx("aura-tbl", className), ...rest }, caption != null ? /* @__PURE__ */ React41.createElement("caption", { id: capId, className: cx("aura-tbl__caption", captionHidden && "aura-sr-only") }, caption) : null, children)
   );
@@ -5134,6 +5456,7 @@ var BottomNav = React42.forwardRef(function BottomNav2(props, ref) {
         "aria-current": on ? "page" : void 0,
         onClick: function(e) {
           if (!it.href) e.preventDefault();
+          else if (!plainClick(e)) return;
           st[1](it.id);
         }
       };
@@ -5222,6 +5545,7 @@ function parseTime(text) {
   const m = /^(\d{1,2})(?:[:.](\d{2}))?$/.exec(s) || /^(\d{1,2})(\d{2})$/.exec(s);
   if (!m) return null;
   let hh = +m[1], mm = m[2] ? +m[2] : 0;
+  if ((am || pm) && (hh < 1 || hh > 12)) return null;
   if (pm && hh < 12) hh += 12;
   if (am && hh === 12) hh = 0;
   if (hh > 23 || mm > 59) return null;
@@ -5336,7 +5660,8 @@ var TimePicker = React45.forwardRef(function TimePicker2(props, ref) {
       return true;
     }
     if (blocked(v)) {
-      errState[1](t.timeOutOfRange(fromMin(lo), fromMin(hi)));
+      const n2 = toMin(v);
+      errState[1](n2 != null && n2 >= lo && n2 <= hi ? t.timeUnavailable : t.timeOutOfRange(fromMin(lo), fromMin(hi)));
       return false;
     }
     errState[1](null);
@@ -5579,7 +5904,23 @@ var FileUpload = React46.forwardRef(function FileUpload2(props, ref) {
       });
     };
   }, []);
+  React46.useEffect(
+    function() {
+      const el = inputRef.current;
+      if (!el || !props.name || typeof DataTransfer === "undefined") return;
+      try {
+        const dt = new DataTransfer();
+        items2.forEach(function(i) {
+          if (i.file && !i.error) dt.items.add(i.file);
+        });
+        el.files = dt.files;
+      } catch (e) {
+      }
+    },
+    [items2, props.name]
+  );
   function thumb(it) {
+    if (!it.file && it.url && /^image\//.test(it.type || "")) return it.url;
     if (!it.file || !/^image\//.test(it.type || "") || typeof URL === "undefined" || !URL.createObjectURL) return null;
     if (!urls.current[it.id]) urls.current[it.id] = URL.createObjectURL(it.file);
     return urls.current[it.id];
@@ -5685,7 +6026,7 @@ var FileUpload = React46.forwardRef(function FileUpload2(props, ref) {
     ),
     items2.length ? /* @__PURE__ */ React46.createElement("ul", { className: "aura-upload__list", "aria-live": "polite" }, items2.map(function(it) {
       const src = thumb(it);
-      return /* @__PURE__ */ React46.createElement("li", { key: it.id, className: cx("aura-upload__item", it.error && "is-error") }, src ? /* @__PURE__ */ React46.createElement("img", { className: "aura-upload__thumb", src, alt: "" }) : /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__thumb is-icon", "aria-hidden": true }, /* @__PURE__ */ React46.createElement(Icon, { name: /^image\//.test(it.type || "") ? "image" : "file", size: "md" })), /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__meta" }, /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__name" }, it.name), /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__sub" }, it.error ? /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Icon, { name: "circle-alert", size: 12 }), it.error) : it.status === "uploading" ? t.uploading + (it.progress != null ? " " + Math.round(it.progress) + "%" : "") : it.status === "done" ? /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Icon, { name: "circle-check", size: 12 }), formatBytes(it.size)) : formatBytes(it.size)), it.status === "uploading" ? /* @__PURE__ */ React46.createElement(
+      return /* @__PURE__ */ React46.createElement("li", { key: it.id, className: cx("aura-upload__item", it.error && "is-error") }, src ? /* @__PURE__ */ React46.createElement("img", { className: "aura-upload__thumb", src, alt: "" }) : /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__thumb is-icon", "aria-hidden": true }, /* @__PURE__ */ React46.createElement(Icon, { name: /^image\//.test(it.type || "") ? "image" : "file", size: "md" })), /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__meta" }, it.url && !it.error ? /* @__PURE__ */ React46.createElement("a", { className: "aura-upload__name", href: it.url, target: "_blank", rel: "noreferrer" }, it.name) : /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__name" }, it.name), /* @__PURE__ */ React46.createElement("span", { className: "aura-upload__sub" }, it.error ? /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Icon, { name: "circle-alert", size: 12 }), it.error) : it.status === "uploading" ? t.uploading + (it.progress != null ? " " + Math.round(it.progress) + "%" : "") : it.status === "done" ? /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(Icon, { name: "circle-check", size: 12 }), formatBytes(it.size)) : formatBytes(it.size)), it.status === "uploading" ? /* @__PURE__ */ React46.createElement(
         "span",
         {
           className: "aura-upload__bar",
@@ -5957,6 +6298,8 @@ function createTheme(opts) {
   }
   if (s) check("light", "ink", "accent-lime (signal)", 4.5, INK, s[200]);
   function css(selector) {
+    if (selector !== void 0 && /[<{};@\r\n]|\/\*|\*\//.test(selector))
+      throw new Error('createTheme: "' + selector + '" is not a plain CSS selector');
     const light = selector ? selector : ':root, [data-theme="light"]';
     const dark = selector ? selector + ".dark, .dark " + selector + ", " + selector + '[data-theme="dark"], [data-theme="dark"] ' + selector : '.dark, [data-theme="dark"]';
     const system = selector ? '[data-theme="system"] ' + selector + ", " + selector + '[data-theme="system"]' : '[data-theme="system"]';
@@ -5965,7 +6308,7 @@ function createTheme(opts) {
         return "  --aura-" + k + ": " + m[k] + ";";
       }).join("\n") + "\n}";
     }
-    return "/* AURA theme" + (o.name ? ' "' + o.name + '"' : "") + ": brand " + o.brand + (o.signal ? ", signal " + o.signal : "") + (o.primary === "brand" ? ", brand primary buttons" : "") + ". Load after aura.css. Generated by createTheme. */\n" + block(light, L) + "\n" + block(dark, D) + "\n@media (prefers-color-scheme: dark) {\n" + block(system, D) + "\n}\n";
+    return "/* AURA theme" + (o.name ? ' "' + String(o.name).replace(/[*/<>\\]/g, "") + '"' : "") + ": brand " + o.brand + (o.signal ? ", signal " + o.signal : "") + (o.primary === "brand" ? ", brand primary buttons" : "") + ". Load after aura.css. Generated by createTheme. */\n" + block(light, L) + "\n" + block(dark, D) + "\n@media (prefers-color-scheme: dark) {\n" + block(system, D) + "\n}\n";
   }
   return {
     name: o.name || null,
@@ -5986,12 +6329,21 @@ var React47 = __toESM(require("react"), 1);
 function ThemeStyle(props) {
   const css = React47.useMemo(
     function() {
-      return createTheme({ brand: props.brand, signal: props.signal, primary: props.primary, name: props.name }).css(
-        props.selector
-      );
+      try {
+        return createTheme({
+          brand: props.brand,
+          signal: props.signal,
+          primary: props.primary,
+          name: props.name
+        }).css(props.selector);
+      } catch (e) {
+        devWarnOnce("theme-style", "ThemeStyle ignored: " + e.message);
+        return null;
+      }
     },
     [props.brand, props.signal, props.primary, props.name, props.selector]
   );
+  if (css === null) return null;
   return /* @__PURE__ */ React47.createElement("style", { "data-aura-theme": props.name || props.brand, dangerouslySetInnerHTML: { __html: css } });
 }
 
@@ -6006,9 +6358,9 @@ function valid(v) {
   return typeof v === "string" && SCHEMES.indexOf(v) >= 0;
 }
 function colorSchemeScript(options) {
-  const key = JSON.stringify(options && options.storageKey || DEFAULT_KEY);
-  const fallback = JSON.stringify(options && options.defaultScheme || "system");
-  return "(function(){try{var s=localStorage.getItem(" + key + ");if(s!=='light'&&s!=='dark'&&s!=='system')s=" + fallback + `;var d=document.documentElement;d.setAttribute("data-theme",s);var dark=s==='dark'||(s==='system'&&window.matchMedia('(prefers-color-scheme: dark)').matches);d.classList.toggle("dark",dark);}catch(e){}})();`;
+  const key = JSON.stringify(options && options.storageKey || DEFAULT_KEY).replace(/</g, "\\u003c");
+  const fallback = JSON.stringify(options && options.defaultScheme || "system").replace(/</g, "\\u003c");
+  return "(function(){try{var s=localStorage.getItem(" + key + ");if(s!=='light'&&s!=='dark'&&s!=='system')s=" + fallback + `;var d=document.documentElement;d.setAttribute("data-theme",s);var m=window.matchMedia('(prefers-color-scheme: dark)');d.classList.toggle('dark',s==='dark'||(s==='system'&&m.matches));if(m.addEventListener)m.addEventListener('change',function(e){if(d.getAttribute('data-theme')==='system')d.classList.toggle('dark',e.matches)});}catch(e){}})();`;
 }
 
 // src/colorScheme.tsx
@@ -6045,16 +6397,20 @@ function useColorScheme(options) {
         if (readScheme(fallback) === "system") apply("system");
         cb();
       }
+      function onStorage(e) {
+        if (e.key === key) apply(valid(e.newValue) ? e.newValue : fallback);
+        cb();
+      }
       if (mq) mq.addEventListener("change", onSystem);
       window.addEventListener(EVENT, cb);
-      window.addEventListener("storage", cb);
+      window.addEventListener("storage", onStorage);
       return function() {
         if (mq) mq.removeEventListener("change", onSystem);
         window.removeEventListener(EVENT, cb);
-        window.removeEventListener("storage", cb);
+        window.removeEventListener("storage", onStorage);
       };
     },
-    [fallback]
+    [fallback, key]
   );
   const snapshot = React48.useSyncExternalStore(
     subscribe2,
@@ -6254,7 +6610,7 @@ var Pagination = React53.forwardRef(function Pagination2(props, ref) {
       {
         href: link(p),
         onClick: function(e) {
-          if (props.onChange) {
+          if (props.onChange && plainClick(e)) {
             e.preventDefault();
             go(p);
           }
@@ -6296,7 +6652,7 @@ var Pagination = React53.forwardRef(function Pagination2(props, ref) {
         "aria-label": label,
         title: label,
         onClick: function(e) {
-          if (props.onChange) {
+          if (props.onChange && plainClick(e)) {
             e.preventDefault();
             go(p);
           }
@@ -6375,13 +6731,20 @@ var Accordion = React54.forwardRef(function Accordion2(props, ref) {
 var React55 = __toESM(require("react"), 1);
 var import_react_dom11 = require("react-dom");
 function position(anchor, pop, placement) {
-  const r = anchor.getBoundingClientRect(), pw = pop.offsetWidth, ph = pop.offsetHeight, vw = window.innerWidth, vh = window.innerHeight, gap = 6;
+  const r = anchor.getBoundingClientRect(), pw = pop.offsetWidth, ph = pop.scrollHeight, vw = window.innerWidth, vh = window.innerHeight, gap = 6;
   let side = (placement || "bottom-start").split("-")[0], align = (placement || "bottom-start").split("-")[1] || "start";
   if (side === "bottom" && r.bottom + gap + ph > vh - 8 && r.top - gap - ph > 8) side = "top";
   else if (side === "top" && r.top - gap - ph < 8 && r.bottom + gap + ph < vh - 8) side = "bottom";
-  const top = side === "top" ? r.top - gap - ph : r.bottom + gap;
+  const below2 = vh - r.bottom - gap - 8, above = r.top - gap - 8;
+  let maxHeight;
+  if (ph > below2 && ph > above) {
+    side = above > below2 ? "top" : "bottom";
+    maxHeight = Math.max(120, side === "top" ? above : below2);
+  }
+  const h9 = maxHeight ? Math.min(ph, maxHeight) : ph;
+  const top = side === "top" ? r.top - gap - h9 : r.bottom + gap;
   const left = align === "end" ? r.right - pw : align === "center" ? r.left + r.width / 2 - pw / 2 : r.left;
-  return { top: Math.max(8, top), left: Math.max(8, Math.min(left, vw - pw - 8)), side };
+  return { top: Math.max(8, top), left: Math.max(8, Math.min(left, vw - pw - 8)), side, maxHeight };
 }
 var Popover = React55.forwardRef(function Popover2(props, ref) {
   const t = useStrings();
@@ -6391,6 +6754,7 @@ var Popover = React55.forwardRef(function Popover2(props, ref) {
   const open = !!st[0];
   const wrap = React55.useRef(null), pop = React55.useRef(null), popMerged = useMergedRef(ref, pop);
   const pos = React55.useState(null), mounted = useMounted();
+  const inTree = React55.useRef(false);
   function trigger() {
     return wrap.current && (wrap.current.querySelector('button, [role="button"], a, input') || wrap.current.firstElementChild);
   }
@@ -6424,13 +6788,19 @@ var Popover = React55.forwardRef(function Popover2(props, ref) {
         const f = pop.current.querySelector("[data-autofocus]") || pop.current.querySelector(FOCUSABLE);
         (f || pop.current).focus();
       }
+      let timer;
       function outside(e) {
         if (pop.current && pop.current.contains(e.target)) return;
         if (wrap.current && wrap.current.contains(e.target)) return;
-        close(false);
+        inTree.current = false;
+        clearTimeout(timer);
+        timer = setTimeout(function() {
+          if (!inTree.current) close(false);
+        }, 0);
       }
       document.addEventListener("pointerdown", outside, true);
       return function() {
+        clearTimeout(timer);
         document.removeEventListener("pointerdown", outside, true);
       };
     },
@@ -6449,9 +6819,16 @@ var Popover = React55.forwardRef(function Popover2(props, ref) {
         "aria-label": props.title ? void 0 : props.label,
         "aria-labelledby": props.title ? id + "-title" : void 0,
         tabIndex: -1,
+        onPointerDownCapture: function() {
+          inTree.current = true;
+        },
         className: cx("aura-popover", pos[0] && "is-" + pos[0].side, props.className),
         style: Object.assign(
-          { top: pos[0] ? pos[0].top : -9999, left: pos[0] ? pos[0].left : -9999 },
+          {
+            top: pos[0] ? pos[0].top : -9999,
+            left: pos[0] ? pos[0].left : -9999,
+            maxHeight: pos[0] && pos[0].maxHeight ? pos[0].maxHeight : void 0
+          },
           props.width ? { width: props.width } : null
         ),
         onKeyDown: function(e) {
@@ -6498,7 +6875,9 @@ function decimalsOf(n2) {
   return i < 0 ? 0 : s.length - i - 1;
 }
 function parse(text) {
-  const s = text.replace(/[,\s ]/g, "");
+  let t = text.trim();
+  if (t.indexOf(".") < 0 && /^-?\d+,\d+$/.test(t.replace(/[\s ]/g, "")) && !/,\d{3}$/.test(t)) t = t.replace(",", ".");
+  const s = t.replace(/[,\s ]/g, "");
   if (!/^-?(\d+\.?\d*|\.\d+)$/.test(s)) return NaN;
   return Number(s);
 }