@jirawatpyk/aura-react 5.1.1 → 5.3.0

package/dist/aura.bundle.js

@@ -378,6 +378,12 @@ window.Aura = (() => {
       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",
@@ -391,6 +397,7 @@ window.Aura = (() => {
       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",
@@ -492,6 +499,12 @@ window.Aura = (() => {
       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",
@@ -505,6 +518,7 @@ window.Aura = (() => {
       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",
@@ -606,6 +620,12 @@ window.Aura = (() => {
       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",
@@ -619,6 +639,7 @@ window.Aura = (() => {
       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",
@@ -1203,7 +1224,52 @@ window.Aura = (() => {
 
   // src/Select.tsx
   var React13 = __toESM(require_react(), 1);
+  var import_react_dom2 = __toESM(require_react_dom(), 1);
   var h3 = React13.createElement;
+  var FORM_KEYS = ["name", "form", "value", "defaultValue", "disabled", "autoComplete", "onInput", "onInvalid"];
+  var HANDLED_KEYS = FORM_KEYS.concat([
+    "onChange",
+    "onBlur",
+    "onFocus",
+    "onKeyDown",
+    "onClick",
+    "autoFocus",
+    "tabIndex",
+    "aria-label",
+    "aria-labelledby",
+    "aria-describedby",
+    "multiple",
+    "size"
+  ]);
+  function pick(o, keys) {
+    const r = {};
+    for (const k of keys) if (k in o) r[k] = o[k];
+    return r;
+  }
+  function readItems(el) {
+    if (!el) return [];
+    return Array.prototype.map.call(el.options, function(o, i) {
+      const g = o.parentElement && o.parentElement.tagName === "OPTGROUP" ? o.parentElement : null;
+      return {
+        value: o.value,
+        label: o.textContent || "",
+        disabled: o.disabled || !!(g && g.disabled),
+        group: g ? g.label : null,
+        index: i
+      };
+    });
+  }
+  function initialLabel(props) {
+    const opts = (props.options || []).map(function(o) {
+      return typeof o === "object" ? o : { value: o, label: o };
+    });
+    const v = props.value !== void 0 && props.value !== null ? String(props.value) : props.defaultValue !== void 0 && props.defaultValue !== null ? String(props.defaultValue) : props.placeholder ? "" : opts[0] ? opts[0].value : "";
+    const hit = opts.filter(function(o) {
+      return o.value === v;
+    })[0];
+    if (hit) return { label: hit.label, empty: false };
+    return { label: props.placeholder || "", empty: true };
+  }
   var Select = React13.forwardRef(function Select2(props, ref) {
     const auto = uid(), id = props.id || auto;
     const rest = omit(props, FIELD_KEYS.concat(["children"]));
@@ -1216,10 +1282,259 @@ window.Aura = (() => {
         /* @__PURE__ */ React13.createElement("option", { key: "__ph", value: "", disabled: true }, props.placeholder)
       );
     const extra = props.value === void 0 && props.defaultValue === void 0 && props.placeholder ? { defaultValue: "" } : {};
-    return /* @__PURE__ */ React13.createElement(
+    const native = !!props.multiple || props.size != null && props.size > 1;
+    const mounted = useMounted();
+    const live = !native && mounted;
+    const density = useDensity();
+    const selRef = React13.useRef(null), trigRef = React13.useRef(null), listRef = React13.useRef(null);
+    const shown = React13.useState(function() {
+      return initialLabel(props);
+    });
+    const openState = React13.useState(false), open = openState[0];
+    const activeState = React13.useState(-1), active = activeState[0];
+    const items2 = React13.useState([]);
+    const pos = React13.useState(null);
+    const typed = React13.useRef({ text: "", at: 0 });
+    const sync = React13.useCallback(function() {
+      const el = selRef.current;
+      if (!el) return;
+      const o = el.selectedIndex >= 0 ? el.options[el.selectedIndex] : null;
+      const next = o ? { label: o.textContent || "", empty: o.value === "" } : { label: "", empty: true };
+      shown[1](function(cur) {
+        return cur.label === next.label && cur.empty === next.empty ? cur : next;
+      });
+    }, []);
+    const hook = React13.useCallback(
+      function(el) {
+        selRef.current = el;
+        if (!el || native || el.__auraHooked) return;
+        el.__auraHooked = true;
+        const proto = HTMLSelectElement.prototype;
+        const pv = Object.getOwnPropertyDescriptor(proto, "value"), pi = Object.getOwnPropertyDescriptor(proto, "selectedIndex");
+        if (pv && pv.set && pv.get)
+          Object.defineProperty(el, "value", {
+            configurable: true,
+            get: function() {
+              return pv.get.call(el);
+            },
+            set: function(v) {
+              pv.set.call(el, v);
+              sync();
+            }
+          });
+        if (pi && pi.set && pi.get)
+          Object.defineProperty(el, "selectedIndex", {
+            configurable: true,
+            get: function() {
+              return pi.get.call(el);
+            },
+            set: function(v) {
+              pi.set.call(el, v);
+              sync();
+            }
+          });
+        el.focus = function(o) {
+          if (trigRef.current) trigRef.current.focus(o);
+          else proto.focus.call(el, o);
+        };
+      },
+      [native, sync]
+    );
+    const selMerged = useMergedRef(ref, hook);
+    React13.useEffect(
+      function() {
+        const f = selRef.current && selRef.current.form;
+        if (!f || native) return;
+        function onReset() {
+          setTimeout(sync, 0);
+        }
+        f.addEventListener("reset", onReset);
+        return function() {
+          f.removeEventListener("reset", onReset);
+        };
+      },
+      [native, sync]
+    );
+    const focusedOnce = React13.useRef(false);
+    React13.useEffect(
+      function() {
+        if (!live || focusedOnce.current || !trigRef.current) return;
+        focusedOnce.current = true;
+        if (props.autoFocus || selRef.current && document.activeElement === selRef.current) trigRef.current.focus();
+      },
+      [live]
+    );
+    useIsoLayoutEffect(function() {
+      if (!live) return;
+      sync();
+      if (!open) return;
+      const now = readItems(selRef.current), was = items2[0];
+      const same2 = now.length === was.length && now.every(function(it, i) {
+        const w = was[i];
+        return w.value === it.value && w.label === it.label && w.disabled === it.disabled && w.group === it.group;
+      });
+      if (same2) return;
+      items2[1](now);
+      if (!choices(now).length) {
+        close(false);
+        return;
+      }
+      const hv = was[active] ? was[active].value : null;
+      const again = now.filter(function(it) {
+        return !it.disabled && it.value === hv;
+      })[0];
+      const cur = selRef.current ? selRef.current.selectedIndex : -1;
+      activeState[1](again ? again.index : now[cur] && !now[cur].disabled ? cur : choices(now)[0].index);
+    });
+    function choices(list) {
+      return list.filter(function(i) {
+        return !i.disabled;
+      });
+    }
+    function choose(it) {
+      const el = selRef.current;
+      if (!el || it.disabled) return;
+      if (el.value !== it.value) {
+        el.value = it.value;
+        el.dispatchEvent(new Event("input", { bubbles: true }));
+        el.dispatchEvent(new Event("change", { bubbles: true }));
+      }
+      sync();
+      close(true);
+    }
+    function openList(at) {
+      if (props.disabled || trigRef.current && trigRef.current.disabled) return;
+      const list = readItems(selRef.current);
+      const ok = choices(list);
+      if (!ok.length) return;
+      items2[1](list);
+      const cur = selRef.current ? selRef.current.selectedIndex : -1;
+      let a = at === "first" ? ok[0].index : at === "last" ? ok[ok.length - 1].index : cur;
+      if (typeof at === "number") a = at;
+      if (a < 0 || !list[a] || list[a].disabled) a = ok[0].index;
+      activeState[1](a);
+      openState[1](true);
+    }
+    function close(focus) {
+      openState[1](false);
+      pos[1](null);
+      if (focus && trigRef.current) trigRef.current.focus();
+    }
+    function step(from, dir, list) {
+      for (let i = from + dir; i >= 0 && i < list.length; i += dir) if (!list[i].disabled) return i;
+      return from;
+    }
+    function typing() {
+      return !!typed.current.text && Date.now() - typed.current.at < 500;
+    }
+    function typeahead(ch, list, from) {
+      const now = Date.now(), t = typed.current;
+      t.text = now - t.at < 500 ? t.text + ch : ch;
+      t.at = now;
+      const q = t.text.toLocaleLowerCase();
+      for (let k = 1; k <= list.length; k++) {
+        const i = (from + (t.text.length > 1 ? 0 : 1) + k - 1 + list.length) % list.length;
+        if (!list[i].disabled && list[i].label.toLocaleLowerCase().indexOf(q) === 0) return i;
+      }
+      t.text = "";
+      return -1;
+    }
+    function onKeyDown(e) {
+      const k = e.key;
+      const printable = k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+      const search = printable && (k !== " " || typing());
+      if (!open) {
+        if (search) {
+          const list2 = readItems(selRef.current);
+          const i = typeahead(k, list2, selRef.current ? selRef.current.selectedIndex : -1);
+          e.preventDefault();
+          if (i >= 0) openList(i);
+        } else if (k === "ArrowDown" || k === "ArrowUp" || k === "Enter" || k === " ") {
+          e.preventDefault();
+          openList(k === "ArrowUp" && !(selRef.current && selRef.current.value) ? "last" : void 0);
+        }
+        return;
+      }
+      const list = items2[0];
+      if (search) {
+        e.preventDefault();
+        const i = typeahead(k, list, active);
+        if (i >= 0) activeState[1](i);
+      } else if (k === "ArrowDown") {
+        e.preventDefault();
+        activeState[1](step(active, 1, list));
+      } else if (k === "ArrowUp") {
+        e.preventDefault();
+        activeState[1](step(active, -1, list));
+      } else if (k === "Home" || k === "PageUp") {
+        e.preventDefault();
+        activeState[1](k === "Home" ? step(-1, 1, list) : Math.max(step(-1, 1, list), step(active - 9, 1, list)));
+      } else if (k === "End" || k === "PageDown") {
+        e.preventDefault();
+        activeState[1](
+          k === "End" ? step(list.length, -1, list) : Math.min(step(list.length, -1, list), step(active + 9, -1, list))
+        );
+      } else if (k === "Enter" || k === " ") {
+        e.preventDefault();
+        if (list[active]) choose(list[active]);
+      } else if (k === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        close(true);
+      } else if (k === "Tab") {
+        close(false);
+      }
+    }
+    useIsoLayoutEffect(
+      function() {
+        if (!open) return;
+        function place() {
+          const t = trigRef.current && trigRef.current.parentElement;
+          if (!t) return;
+          const r = t.getBoundingClientRect(), below2 = window.innerHeight - r.bottom - 8, above = r.top - 8, want = listRef.current ? listRef.current.scrollHeight : 320, up = below2 < Math.min(want, 200) && above > below2;
+          pos[1]({
+            left: r.left,
+            width: r.width,
+            top: up ? void 0 : r.bottom + 4,
+            bottom: up ? window.innerHeight - r.top + 4 : void 0,
+            maxHeight: Math.min(320, (up ? above : below2) - 4)
+          });
+        }
+        place();
+        function outside(e) {
+          const n2 = e.target;
+          if (listRef.current && listRef.current.contains(n2)) return;
+          if (trigRef.current && trigRef.current.contains(n2)) return;
+          close(false);
+        }
+        function onScroll(e) {
+          if (!listRef.current || !listRef.current.contains(e.target)) place();
+        }
+        document.addEventListener("pointerdown", outside, true);
+        window.addEventListener("scroll", onScroll, true);
+        window.addEventListener("resize", place);
+        return function() {
+          document.removeEventListener("pointerdown", outside, true);
+          window.removeEventListener("scroll", onScroll, true);
+          window.removeEventListener("resize", place);
+        };
+      },
+      [open]
+    );
+    React13.useEffect(
+      function() {
+        if (!open || !listRef.current || active < 0) return;
+        const el = listRef.current.querySelector('[data-idx="' + active + '"]');
+        if (el && el.scrollIntoView) el.scrollIntoView({ block: "nearest" });
+      },
+      [open, active, pos[0] != null]
+    );
+    const described = [describedBy(id, props), rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
+    const field = (child) => /* @__PURE__ */ React13.createElement(
       Field,
       {
         id,
+        labelId: native ? void 0 : id + "-label",
         label: props.label,
         hint: props.hint,
         error: props.error,
@@ -1228,19 +1543,180 @@ window.Aura = (() => {
         disabled: props.disabled,
         className: props.className
       },
-      /* @__PURE__ */ React13.createElement("div", { className: cx("aura-input aura-select", props.icon && "has-icon") }, props.icon ? /* @__PURE__ */ React13.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null, h3(
-        "select",
-        Object.assign(extra, rest, {
-          ref,
-          id,
-          className: "aura-input__control",
-          required: props.required,
-          "aria-invalid": props.error ? true : void 0,
-          "aria-describedby": describedBy(id, props)
-        }),
-        opts,
-        props.children
-      ), /* @__PURE__ */ React13.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }))
+      child
+    );
+    if (!live)
+      return field(
+        /* @__PURE__ */ React13.createElement("div", { className: cx("aura-input aura-select", props.icon && "has-icon") }, props.icon ? /* @__PURE__ */ React13.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null, h3(
+          "select",
+          Object.assign(extra, rest, {
+            ref: native ? ref : selMerged,
+            id,
+            className: "aura-input__control",
+            required: props.required,
+            "aria-invalid": props.error ? true : void 0,
+            "aria-describedby": described
+          }),
+          opts,
+          props.children
+        ), /* @__PURE__ */ React13.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }))
+      );
+    const listId = id + "-list", labelId = id + "-label";
+    const optId = function(i) {
+      return id + "-opt-" + i;
+    };
+    const labelledBy = rest["aria-labelledby"] || (props.label ? labelId : void 0);
+    const selIndex = selRef.current ? selRef.current.selectedIndex : -1;
+    const option = function(it) {
+      const sel = selIndex === it.index;
+      return /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          key: it.index,
+          id: optId(it.index),
+          role: "option",
+          "data-idx": it.index,
+          "aria-selected": sel,
+          "aria-disabled": it.disabled || void 0,
+          className: cx(
+            "aura-combo__option",
+            it.index === active && "is-active",
+            sel && "is-selected",
+            it.disabled && "is-disabled"
+          ),
+          onPointerDown: function(e) {
+            e.preventDefault();
+          },
+          onPointerMove: function() {
+            if (!it.disabled && active !== it.index) activeState[1](it.index);
+          },
+          onClick: function() {
+            choose(it);
+          }
+        },
+        /* @__PURE__ */ React13.createElement("span", { className: "aura-combo__text" }, /* @__PURE__ */ React13.createElement("span", { className: "aura-combo__label" }, it.label)),
+        sel ? /* @__PURE__ */ React13.createElement(Icon, { name: "check", className: "aura-combo__check" }) : null
+      );
+    };
+    const runs = [];
+    items2[0].forEach(function(it) {
+      if (it.value === "" && it.disabled) return;
+      const last = runs[runs.length - 1];
+      if (last && last.group === it.group) last.items.push(it);
+      else runs.push({ group: it.group, items: [it] });
+    });
+    const popup = open ? (0, import_react_dom2.createPortal)(
+      /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          ref: listRef,
+          "data-density": density,
+          className: "aura-combo__popover aura-select__popover",
+          style: pos[0] ? {
+            left: pos[0].left,
+            minWidth: pos[0].width,
+            top: pos[0].top,
+            bottom: pos[0].bottom,
+            maxHeight: pos[0].maxHeight
+          } : { left: -9999, top: -9999 }
+        },
+        /* @__PURE__ */ React13.createElement(
+          "div",
+          {
+            id: listId,
+            role: "listbox",
+            "aria-labelledby": labelledBy,
+            "aria-label": labelledBy ? void 0 : rest["aria-label"],
+            className: "aura-combo__list"
+          },
+          runs.map(function(r, n2) {
+            if (r.group === null) return /* @__PURE__ */ React13.createElement(React13.Fragment, { key: "r" + n2 }, r.items.map(option));
+            const gid = id + "-group-" + n2;
+            return /* @__PURE__ */ React13.createElement("div", { key: "r" + n2, role: "group", "aria-labelledby": gid }, /* @__PURE__ */ React13.createElement("div", { id: gid, className: "aura-select__group" }, r.group), r.items.map(option));
+          })
+        )
+      ),
+      document.body
+    ) : null;
+    const userFocus = rest.onFocus, userBlur = rest.onBlur, userKey = rest.onKeyDown, userClick = rest.onClick;
+    return field(
+      /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          className: cx("aura-input aura-select aura-select--custom", props.icon && "has-icon", open && "is-open"),
+          "data-invalid": props.error ? "" : void 0
+        },
+        props.icon ? /* @__PURE__ */ React13.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null,
+        h3(
+          "select",
+          Object.assign(extra, pick(rest, FORM_KEYS), {
+            ref: selMerged,
+            id: id + "-select",
+            className: "aura-select__native",
+            tabIndex: -1,
+            "aria-hidden": true,
+            required: props.required,
+            onChange: function(e) {
+              sync();
+              if (props.onChange) props.onChange(e);
+            },
+            /* A browser focusing the <select> (the required bubble, a label click) hands focus to the button. */
+            onFocus: function() {
+              if (trigRef.current) trigRef.current.focus();
+            },
+            /* Only the blur the button reports (below): the <select>'s own, while it hands focus over, is not one. */
+            onBlur: function(e) {
+              if (!e.nativeEvent.isTrusted && userBlur) userBlur(e);
+            }
+          }),
+          opts,
+          props.children
+        ),
+        /* @__PURE__ */ React13.createElement(
+          "button",
+          {
+            ...omit(rest, HANDLED_KEYS),
+            ref: trigRef,
+            type: "button",
+            role: "combobox",
+            form: id + "-no-form",
+            className: "aura-input__control aura-select__trigger",
+            disabled: props.disabled,
+            tabIndex: rest.tabIndex,
+            "aria-haspopup": "listbox",
+            "aria-expanded": open,
+            "aria-controls": open ? listId : void 0,
+            "aria-activedescendant": open && active >= 0 ? optId(active) : void 0,
+            id,
+            "aria-label": rest["aria-label"],
+            "aria-labelledby": rest["aria-labelledby"],
+            "aria-required": props.required || void 0,
+            "aria-invalid": props.error ? true : void 0,
+            "aria-describedby": described,
+            onFocus: function(e) {
+              if (userFocus) userFocus(e);
+            },
+            onClick: function(e) {
+              if (userClick) userClick(e);
+              if (e.defaultPrevented) return;
+              if (open) close(true);
+              else openList();
+            },
+            onKeyDown: function(e) {
+              if (userKey) userKey(e);
+              if (!e.defaultPrevented) onKeyDown(e);
+            },
+            onBlur: function(e) {
+              if (listRef.current && e.relatedTarget && listRef.current.contains(e.relatedTarget)) return;
+              if (open) close(false);
+              if (selRef.current) selRef.current.dispatchEvent(new FocusEvent("focusout", { bubbles: true }));
+            }
+          },
+          /* @__PURE__ */ React13.createElement("span", { id: id + "-value", className: cx("aura-select__value", shown[0].empty && "is-placeholder") }, shown[0].label || " ")
+        ),
+        /* @__PURE__ */ React13.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }),
+        popup
+      )
     );
   });
 
@@ -1339,7 +1815,7 @@ window.Aura = (() => {
 
   // src/Combobox.tsx
   var React16 = __toESM(require_react(), 1);
-  var import_react_dom2 = __toESM(require_react_dom(), 1);
+  var import_react_dom3 = __toESM(require_react_dom(), 1);
   function norm(s) {
     return String(s == null ? "" : s).normalize("NFC").toLocaleLowerCase("th");
   }
@@ -1359,6 +1835,7 @@ window.Aura = (() => {
       const multi = all.multiple === true;
       const mp = all;
       const t = useStrings();
+      const density = useDensity();
       const auto = uid(), id = props.id || auto, listId = id + "-list";
       const options = (props.options || []).map(toOpt);
       const st = useMaybeControlled(
@@ -1521,8 +1998,8 @@ window.Aura = (() => {
       const optId = function(i) {
         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] }, live.length ? /* @__PURE__ */ React16.createElement(
+      const list = open && mounted && posState[0] ? (0, import_react_dom3.createPortal)(
+        /* @__PURE__ */ React16.createElement("div", { ref: listRef, "data-density": density, className: "aura-combo__popover", style: posState[0] }, live.length ? /* @__PURE__ */ React16.createElement(
           "ul",
           {
             id: listId,
@@ -1682,7 +2159,7 @@ window.Aura = (() => {
 
   // src/DatePicker.tsx
   var React17 = __toESM(require_react(), 1);
-  var import_react_dom3 = __toESM(require_react_dom(), 1);
+  var import_react_dom4 = __toESM(require_react_dom(), 1);
 
   // src/dates.ts
   var ERA = /^พ\.ศ\.\s?|\s?(BE|พ\.ศ\.)$/g;
@@ -1690,20 +2167,29 @@ window.Aura = (() => {
     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();
@@ -1811,7 +2297,15 @@ window.Aura = (() => {
     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];
@@ -1821,13 +2315,13 @@ window.Aura = (() => {
       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) {
@@ -2118,16 +2612,16 @@ window.Aura = (() => {
     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() {
@@ -2270,7 +2764,7 @@ window.Aura = (() => {
       pop.setOpen(false);
       if (inputRef.current) inputRef.current.focus();
     }
-    const cal = pop.open && pop.mounted && pop.pos ? (0, import_react_dom3.createPortal)(
+    const cal = pop.open && pop.mounted && pop.pos ? (0, import_react_dom4.createPortal)(
       /* @__PURE__ */ React17.createElement(
         "div",
         {
@@ -2395,7 +2889,7 @@ window.Aura = (() => {
         draft[1](null);
         if (inputRef.current) inputRef.current.focus();
       }
-      function pick(iso) {
+      function pick2(iso) {
         if (!draft[0]) {
           draft[1](iso);
           return;
@@ -2405,7 +2899,7 @@ window.Aura = (() => {
         st[1](a <= b ? { start: a, end: b } : { start: b, end: a });
         close();
       }
-      const cal = pop.open && pop.mounted && pop.pos ? (0, import_react_dom3.createPortal)(
+      const cal = pop.open && pop.mounted && pop.pos ? (0, import_react_dom4.createPortal)(
         /* @__PURE__ */ React17.createElement(
           "div",
           {
@@ -2439,7 +2933,7 @@ window.Aura = (() => {
               start: draft[0] || v.start,
               end: draft[0] ? null : v.end,
               focus: draft[0] || v.start,
-              onSelect: pick
+              onSelect: pick2
             }
           )
         ),
@@ -2509,7 +3003,7 @@ window.Aura = (() => {
 
   // src/Toaster.tsx
   var React19 = __toESM(require_react(), 1);
-  var import_react_dom4 = __toESM(require_react_dom(), 1);
+  var import_react_dom5 = __toESM(require_react_dom(), 1);
   var MAX_VISIBLE = 3;
   var toastState = {
     list: [],
@@ -2670,7 +3164,7 @@ window.Aura = (() => {
       };
     }, []);
     if (!mounted) return null;
-    return (0, import_react_dom4.createPortal)(
+    return (0, import_react_dom5.createPortal)(
       /* @__PURE__ */ React19.createElement(
         "div",
         {
@@ -2951,7 +3445,7 @@ window.Aura = (() => {
 
   // src/Command.tsx
   var React25 = __toESM(require_react(), 1);
-  var import_react_dom5 = __toESM(require_react_dom(), 1);
+  var import_react_dom6 = __toESM(require_react_dom(), 1);
 
   // src/useModal.tsx
   var React24 = __toESM(require_react(), 1);
@@ -3155,7 +3649,7 @@ window.Aura = (() => {
     }
     if (!modal.ready) return null;
     let i = -1;
-    return (0, import_react_dom5.createPortal)(
+    return (0, import_react_dom6.createPortal)(
       /* @__PURE__ */ React25.createElement(
         "div",
         {
@@ -3264,7 +3758,7 @@ window.Aura = (() => {
 
   // src/Tooltip.tsx
   var React26 = __toESM(require_react(), 1);
-  var import_react_dom6 = __toESM(require_react_dom(), 1);
+  var import_react_dom7 = __toESM(require_react_dom(), 1);
   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);
@@ -3362,7 +3856,7 @@ window.Aura = (() => {
       },
       React26.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] })
     );
-    return /* @__PURE__ */ React26.createElement(React26.Fragment, null, trigger, open && mounted ? (0, import_react_dom6.createPortal)(
+    return /* @__PURE__ */ React26.createElement(React26.Fragment, null, trigger, open && mounted ? (0, import_react_dom7.createPortal)(
       /* @__PURE__ */ React26.createElement(
         "div",
         {
@@ -3384,7 +3878,7 @@ window.Aura = (() => {
 
   // src/Dialog.tsx
   var React27 = __toESM(require_react(), 1);
-  var import_react_dom7 = __toESM(require_react_dom(), 1);
+  var import_react_dom8 = __toESM(require_react_dom(), 1);
   var Dialog = React27.forwardRef(function Dialog2(props, ref) {
     const t = useStrings();
     const density = useDensity();
@@ -3399,7 +3893,7 @@ window.Aura = (() => {
       footSelector: ".aura-dialog__foot"
     });
     if (!modal.ready) return null;
-    return (0, import_react_dom7.createPortal)(
+    return (0, import_react_dom8.createPortal)(
       /* @__PURE__ */ React27.createElement("div", { className: "aura-dialog-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React27.createElement("div", { className: "aura-scrim", onClick: close, "aria-hidden": true }), /* @__PURE__ */ React27.createElement(
         "div",
         {
@@ -3434,7 +3928,7 @@ window.Aura = (() => {
     });
     if (!modal.ready) return null;
     const side = props.side === "left" ? "left" : "right";
-    return (0, import_react_dom7.createPortal)(
+    return (0, import_react_dom8.createPortal)(
       /* @__PURE__ */ React27.createElement("div", { className: "aura-dialog-layer aura-drawer-layer", "data-density": density, onKeyDown: modal.onKeyDown }, /* @__PURE__ */ React27.createElement("div", { className: "aura-scrim", onClick: close, "aria-hidden": true }), /* @__PURE__ */ React27.createElement(
         "div",
         {
@@ -3458,7 +3952,7 @@ window.Aura = (() => {
 
   // src/DataTable.tsx
   var React28 = __toESM(require_react(), 1);
-  var import_react_dom8 = __toESM(require_react_dom(), 1);
+  var import_react_dom9 = __toESM(require_react_dom(), 1);
   var BP = { sm: 640, md: 768, lg: 1024, xl: 1280 };
   var DEFAULT_COLUMNS = [
     { key: "id", label: "ID", width: 96, mono: true },
@@ -3615,7 +4109,7 @@ window.Aura = (() => {
     function hideFull() {
       setTip(null);
     }
-    const tipEl = tip && typeof document !== "undefined" ? (0, import_react_dom8.createPortal)(
+    const tipEl = tip && typeof document !== "undefined" ? (0, import_react_dom9.createPortal)(
       /* @__PURE__ */ React28.createElement(
         "div",
         {
@@ -3696,11 +4190,12 @@ window.Aura = (() => {
       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)" : "";
@@ -3715,7 +4210,7 @@ window.Aura = (() => {
         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;
@@ -3761,6 +4256,20 @@ window.Aura = (() => {
     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), jumpLink = React28.useRef(null);
     const jumpState = React28.useState(null);
@@ -3829,9 +4338,10 @@ window.Aura = (() => {
     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];
     }
@@ -3862,12 +4372,33 @@ window.Aura = (() => {
       }
     });
     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;
@@ -4110,7 +4641,7 @@ window.Aura = (() => {
         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);
@@ -4121,21 +4652,23 @@ window.Aura = (() => {
       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();
@@ -4506,9 +5039,10 @@ window.Aura = (() => {
         }
       );
     }
+    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));
     }
@@ -4522,15 +5056,32 @@ window.Aura = (() => {
         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",
@@ -4556,7 +5107,7 @@ window.Aura = (() => {
       )
     ) : null;
     const scrollStyle = {
-      scrollPaddingLeft: "calc(var(--aura-space-6)" + selW + " + " + acc + "px)",
+      scrollPaddingLeft: "calc(var(--aura-space-6)" + selW + " + " + acc + ")",
       scrollPaddingTop: ROW_H + "px",
       scrollPaddingBottom: stickyTotal ? ROW_H + "px" : void 0
     };
@@ -4808,7 +5359,7 @@ window.Aura = (() => {
 
   // src/SideNav.tsx
   var React31 = __toESM(require_react(), 1);
-  var import_react_dom9 = __toESM(require_react_dom(), 1);
+  var import_react_dom10 = __toESM(require_react_dom(), 1);
   function contains(it, id) {
     return !!id && !!it.children && it.children.some(function(c) {
       return c.id === id || contains(c, id);
@@ -5001,7 +5552,7 @@ window.Aura = (() => {
           }
         }
       )) : null,
-      tip && typeof document !== "undefined" ? (0, import_react_dom9.createPortal)(
+      tip && typeof document !== "undefined" ? (0, import_react_dom10.createPortal)(
         /* @__PURE__ */ React31.createElement(
           "div",
           {
@@ -5445,7 +5996,7 @@ window.Aura = (() => {
 
   // src/TimePicker.tsx
   var React45 = __toESM(require_react(), 1);
-  var import_react_dom10 = __toESM(require_react_dom(), 1);
+  var import_react_dom11 = __toESM(require_react_dom(), 1);
 
   // src/text.ts
   function formatBytes(n2) {
@@ -5468,6 +6019,7 @@ window.Aura = (() => {
     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;
@@ -5582,7 +6134,8 @@ window.Aura = (() => {
         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);
@@ -5659,7 +6212,7 @@ window.Aura = (() => {
       }
     }
     const error = errState[0] || props.error;
-    const list = open && mounted && pos[0] ? (0, import_react_dom10.createPortal)(
+    const list = open && mounted && pos[0] ? (0, import_react_dom11.createPortal)(
       /* @__PURE__ */ React45.createElement("div", { ref: listRef, className: "aura-combo__popover aura-time__popover", style: pos[0] }, /* @__PURE__ */ React45.createElement("ul", { id: listId, role: "listbox", "aria-label": props.label, className: "aura-combo__list" }, slots.map(function(s, i) {
         const dis = blocked(s), sel = s === value;
         return /* @__PURE__ */ React45.createElement(
@@ -5841,6 +6394,7 @@ window.Aura = (() => {
       [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];
@@ -5946,7 +6500,7 @@ window.Aura = (() => {
       ),
       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",
@@ -6649,15 +7203,22 @@ window.Aura = (() => {
 
   // src/Popover.tsx
   var React55 = __toESM(require_react(), 1);
-  var import_react_dom11 = __toESM(require_react_dom(), 1);
+  var import_react_dom12 = __toESM(require_react_dom(), 1);
   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();
@@ -6720,7 +7281,7 @@ window.Aura = (() => {
       [open, mounted]
     );
     const child = React55.Children.only(props.trigger);
-    const panel = open && mounted ? (0, import_react_dom11.createPortal)(
+    const panel = open && mounted ? (0, import_react_dom12.createPortal)(
       /* @__PURE__ */ React55.createElement(
         "div",
         {
@@ -6737,7 +7298,11 @@ window.Aura = (() => {
           },
           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) {