@jirawatpyk/aura-react 5.1.0 → 5.1.1

package/dist/esm/FileUpload.js

@@ -46,6 +46,21 @@ const FileUpload = React.forwardRef(function FileUpload2(props, ref) {
       });
     };
   }, []);
+  React.useEffect(
+    function() {
+      const el = inputRef.current;
+      if (!el || !props.name || typeof DataTransfer === "undefined") return;
+      try {
+        const dt = new DataTransfer();
+        items.forEach(function(i) {
+          if (i.file && !i.error) dt.items.add(i.file);
+        });
+        el.files = dt.files;
+      } catch (e) {
+      }
+    },
+    [items, props.name]
+  );
   function thumb(it) {
     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);

package/dist/esm/FormErrorSummary.js

@@ -6,15 +6,30 @@ import { useStrings } from "./locale.js";
 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;
 }
 const FormErrorSummary = React.forwardRef(
   function FormErrorSummary2(props, ref) {

package/dist/esm/Menu.js

@@ -15,11 +15,17 @@ const Menu = React.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, below = window.innerHeight - r.bottom - 12, above = r.top - 12;
+      let top = r.bottom + 4, maxHeight;
+      if (mh > below) {
+        if (mh <= above) top = r.top - mh - 4;
+        else if (above > below) {
+          maxHeight = above;
+          top = r.top - above - 4;
+        } else maxHeight = below;
+      }
       const left = Math.max(8, Math.min(r.right - mw, window.innerWidth - mw - 8));
-      setPos({ top, left });
+      setPos({ top, left, maxHeight });
     },
     [props.anchor, mounted]
   );
@@ -63,6 +69,9 @@ const Menu = React.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);
@@ -103,9 +112,9 @@ const Menu = React.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
@@ -136,7 +145,11 @@ const Menu = React.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(items).map(function(block, bi) {
       const rendered = block.items.map(function(x) {

package/dist/esm/NumberField.js

@@ -10,7 +10,9 @@ function decimalsOf(n) {
   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);
 }

package/dist/esm/Pagination.js

@@ -2,7 +2,7 @@
 import * as React from "react";
 import { Icon } from "./Icon.js";
 import { IconButton } from "./IconButton.js";
-import { cx, useMaybeControlled } from "./internal.js";
+import { cx, plainClick, useMaybeControlled } from "./internal.js";
 import { useLinkComponent, useStrings } from "./locale.js";
 function pageList(page, count, sib) {
   let out = [], lo = Math.max(2, page - sib), hi = Math.min(count - 1, page + sib);
@@ -47,7 +47,7 @@ const Pagination = React.forwardRef(function Pagination2(props, ref) {
       {
         href: link(p),
         onClick: function(e) {
-          if (props.onChange) {
+          if (props.onChange && plainClick(e)) {
             e.preventDefault();
             go(p);
           }
@@ -89,7 +89,7 @@ const Pagination = React.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);
           }

package/dist/esm/Popover.js

@@ -30,6 +30,7 @@ const Popover = React.forwardRef(function Popover2(props, ref) {
   const open = !!st[0];
   const wrap = React.useRef(null), pop = React.useRef(null), popMerged = useMergedRef(ref, pop);
   const pos = React.useState(null), mounted = useMounted();
+  const inTree = React.useRef(false);
   function trigger() {
     return wrap.current && (wrap.current.querySelector('button, [role="button"], a, input') || wrap.current.firstElementChild);
   }
@@ -63,13 +64,19 @@ const Popover = React.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);
       };
     },
@@ -88,6 +95,9 @@ const Popover = React.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 },

package/dist/esm/RadioGroup.js

@@ -11,10 +11,22 @@ const RadioGroup = React.forwardRef(function RadioGroup2(props, ref) {
     props.onChange
   );
   const name = props.name || id;
+  const setRef = React.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__ */ React.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,
@@ -31,6 +43,7 @@ const RadioGroup = React.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);

package/dist/esm/SideNav.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { createPortal } from "react-dom";
 import { Icon } from "./Icon.js";
 import { IconButton } from "./IconButton.js";
-import { cx, uid, useMaybeControlled } from "./internal.js";
+import { cx, plainClick, uid, useMaybeControlled } from "./internal.js";
 import { useLinkComponent, useStrings } from "./locale.js";
 function contains(it, id) {
   return !!id && !!it.children && it.children.some(function(c) {
@@ -154,6 +154,7 @@ const SideNav = React.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);
       }
     };

package/dist/esm/Switch.js

@@ -34,7 +34,7 @@ const Switch = React.forwardRef(function Switch2(props, ref) {
       },
       /* @__PURE__ */ React.createElement("span", { className: "aura-switch__thumb" })
     ),
-    props.label ? /* @__PURE__ */ React.createElement("span", { className: "aura-choice__text" }, /* @__PURE__ */ React.createElement("label", { className: "aura-choice__label", id: id + "-label", htmlFor: id }, props.label), props.description ? /* @__PURE__ */ React.createElement("span", { className: "aura-choice__desc", id: id + "-desc" }, props.description) : null) : null
+    props.label ? /* @__PURE__ */ React.createElement("span", { className: "aura-choice__text" }, /* @__PURE__ */ React.createElement("label", { className: "aura-choice__label", id: id + "-label", htmlFor: id }, props.label), props.description ? /* @__PURE__ */ React.createElement("span", { className: "aura-choice__desc", id: id + "-desc" }, props.description) : null) : props.description ? /* @__PURE__ */ React.createElement("span", { className: "aura-sr-only", id: id + "-desc" }, props.description) : null
   );
 });
 export {

package/dist/esm/Table.js

@@ -26,8 +26,9 @@ const Table = React.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__ */ React.createElement("table", { ref, className: cx("aura-tbl", className), ...rest }, caption != null ? /* @__PURE__ */ React.createElement("caption", { id: capId, className: cx("aura-tbl__caption", captionHidden && "aura-sr-only") }, caption) : null, children)
   );

package/dist/esm/Tabs.js

@@ -5,19 +5,23 @@ import { cx, uid, useMaybeControlled } from "./internal.js";
 import { useLinkComponent } from "./locale.js";
 const Tabs = React.forwardRef(function Tabs2(props, ref) {
   const items = props.tabs || [], base = uid();
+  const asLinks = items.length > 0 && items.every(function(t) {
+    return !!t.href;
+  });
+  const firstOn = items.filter(function(t) {
+    return !t.disabled;
+  })[0];
   const st = useMaybeControlled(
     props.value,
-    props.defaultValue || items[0] && items[0].id,
+    props.defaultValue || (asLinks ? void 0 : firstOn && firstOn.id),
     props.onChange
   );
+  const cur = asLinks && "value" in props ? props.value : st[0];
   const refs = React.useRef({});
   const current = items.filter(function(t) {
-    return t.id === st[0];
-  })[0] || items[0];
+    return t.id === cur;
+  })[0] || firstOn || items[0];
   const Link = useLinkComponent(props.linkComponent);
-  const asLinks = items.length > 0 && items.every(function(t) {
-    return !!t.href;
-  });
   if (asLinks)
     return /* @__PURE__ */ React.createElement(
       "nav",
@@ -27,7 +31,7 @@ const Tabs = React.forwardRef(function Tabs2(props, ref) {
         className: cx("aura-tabs aura-tabs--links", props.className)
       },
       /* @__PURE__ */ React.createElement("div", { className: "aura-tabs__list" }, items.map(function(t) {
-        const on = t.id === st[0];
+        const on = t.id === cur;
         const inner = [
           t.icon ? /* @__PURE__ */ React.createElement(Icon, { key: "i", name: t.icon }) : null,
           t.label,

package/dist/esm/TextField.js

@@ -28,8 +28,8 @@ const TextField = React.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__ */ React.createElement("span", { className: "aura-input__suffix" }, props.suffix) : null)
   );

package/dist/esm/Textarea.js

@@ -27,8 +27,8 @@ const Textarea = React.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
       }
     )
   );

package/dist/esm/ThemeStyle.js

@@ -1,15 +1,25 @@
 'use client';
 import * as React from "react";
 import { createTheme } from "./theme.js";
+import { devWarnOnce } from "./internal.js";
 function ThemeStyle(props) {
   const css = React.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__ */ React.createElement("style", { "data-aura-theme": props.name || props.brand, dangerouslySetInnerHTML: { __html: css } });
 }
 export {

package/dist/esm/Toaster.js

@@ -158,6 +158,7 @@ function Toaster(props) {
   const s = React.useState(toastState.list);
   React.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];

package/dist/esm/Tooltip.js

@@ -1,11 +1,11 @@
 'use client';
 import * as React from "react";
-import { uid, useIsoLayoutEffect, useMergedRef } from "./internal.js";
+import { uid, useIsoLayoutEffect, useMergedRef, useMounted } from "./internal.js";
 import { createPortal } from "react-dom";
 const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
   const id = uid(), st = React.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
   const anchor = React.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React.useRef(null), timer = React.useRef(void 0);
-  const pos = React.useState(null);
+  const pos = React.useState(null), mounted = useMounted();
   function show(now) {
     clearTimeout(timer.current);
     timer.current = setTimeout(
@@ -19,34 +19,55 @@ const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
     clearTimeout(timer.current);
     set(false);
   }
+  function hideSoon() {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function() {
+      set(false);
+    }, 120);
+  }
+  React.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]
   );
   React.useEffect(
     function() {
@@ -70,7 +91,7 @@ const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
       onMouseEnter: function() {
         show(false);
       },
-      onMouseLeave: hide,
+      onMouseLeave: hideSoon,
       onFocus: function() {
         show(true);
       },
@@ -78,14 +99,18 @@ const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
     },
     React.cloneElement(child, { "aria-describedby": open ? id : child.props["aria-describedby"] })
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, trigger, open ? createPortal(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, trigger, open && mounted ? createPortal(
     /* @__PURE__ */ React.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

package/dist/esm/colorScheme.js

@@ -37,16 +37,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 = React.useSyncExternalStore(
     subscribe,

package/dist/esm/colorSchemeScript.js

@@ -6,9 +6,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){}})();`;
 }
 export {
   DEFAULT_KEY,

package/dist/esm/dates.js

@@ -46,7 +46,8 @@ const 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",
@@ -63,7 +64,8 @@ const 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",
@@ -80,7 +82,8 @@ const 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) {

package/dist/esm/internal.js

@@ -12,14 +12,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];
 }
 const collator = typeof Intl !== "undefined" ? new Intl.Collator(["th", "en"], { numeric: true, sensitivity: "base" }) : null;
 function compare(a, b) {
@@ -84,6 +91,9 @@ function tone(t) {
   return TONES.indexOf(t) >= 0 ? t : "neutral";
 }
 const 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;
@@ -103,6 +113,7 @@ export {
   cx,
   devWarnOnce,
   omit,
+  plainClick,
   tone,
   trapTab,
   uid,

package/dist/esm/locale.js

@@ -8,17 +8,18 @@ function AuraProvider(props) {
   const timeZone = props.timeZone || outer && outer.timeZone || null;
   const value = React.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__ */ React.createElement(LocaleContext.Provider, { value }, props.density ? /* @__PURE__ */ React.createElement("div", { className: "aura-density", "data-density": props.density }, props.children) : props.children);
 }