@jirawatpyk/aura-react 4.4.1 → 4.5.0

package/dist/cjs/index.cjs

@@ -28,7 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.js
+// src/index.ts
 var index_exports = {};
 __export(index_exports, {
   Accordion: () => Accordion,
@@ -97,10 +97,10 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/Icon.js
+// src/Icon.tsx
 var React2 = __toESM(require("react"), 1);
 
-// src/internal.js
+// src/internal.tsx
 var React = __toESM(require("react"), 1);
 function cx() {
   return Array.prototype.filter.call(arguments, Boolean).join(" ");
@@ -171,7 +171,7 @@ function useMergedRef(a, b) {
   }, [a, b]);
 }
 
-// src/Icon.js
+// src/Icon.tsx
 var h = React2.createElement;
 var ICONS = { "check": [["path", { "d": "M20 6 9 17l-5-5" }]], "x": [["path", { "d": "M18 6 6 18" }], ["path", { "d": "m6 6 12 12" }]], "plus": [["path", { "d": "M5 12h14" }], ["path", { "d": "M12 5v14" }]], "minus": [["path", { "d": "M5 12h14" }]], "search": [["path", { "d": "m21 21-4.34-4.34" }], ["circle", { "cx": "11", "cy": "11", "r": "8" }]], "chevron-down": [["path", { "d": "m6 9 6 6 6-6" }]], "chevron-up": [["path", { "d": "m18 15-6-6-6 6" }]], "chevron-left": [["path", { "d": "m15 18-6-6 6-6" }]], "chevron-right": [["path", { "d": "m9 18 6-6-6-6" }]], "arrow-right": [["path", { "d": "M5 12h14" }], ["path", { "d": "m12 5 7 7-7 7" }]], "arrow-up-right": [["path", { "d": "M7 7h10v10" }], ["path", { "d": "M7 17 17 7" }]], "arrow-up-down": [["path", { "d": "m21 16-4 4-4-4" }], ["path", { "d": "M17 20V4" }], ["path", { "d": "m3 8 4-4 4 4" }], ["path", { "d": "M7 4v16" }]], "loader-circle": [["path", { "d": "M21 12a9 9 0 1 1-6.219-8.56" }]], "circle-alert": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }], ["line", { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }]], "circle-check": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "m16 9-5.5 5.5L8 12" }]], "info": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 16v-4" }], ["path", { "d": "M12 8h.01" }]], "triangle-alert": [["path", { "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }], ["path", { "d": "M12 9v4" }], ["path", { "d": "M12 17h.01" }]], "settings": [["path", { "d": "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "user": [["path", { "d": "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }], ["circle", { "cx": "12", "cy": "7", "r": "4" }]], "users": [["path", { "d": "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }], ["path", { "d": "M16 3.128a4 4 0 0 1 0 7.744" }], ["path", { "d": "M22 21v-2a4 4 0 0 0-3-3.87" }], ["circle", { "cx": "9", "cy": "7", "r": "4" }]], "filter": [["path", { "d": "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }]], "ellipsis": [["circle", { "cx": "12", "cy": "12", "r": "1" }], ["circle", { "cx": "19", "cy": "12", "r": "1" }], ["circle", { "cx": "5", "cy": "12", "r": "1" }]], "external-link": [["path", { "d": "M15 3h6v6" }], ["path", { "d": "M10 14 21 3" }], ["path", { "d": "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }]], "copy": [["rect", { "width": "14", "height": "14", "x": "8", "y": "8", "rx": "2", "ry": "2" }], ["path", { "d": "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]], "trash-2": [["path", { "d": "M10 11v6" }], ["path", { "d": "M14 11v6" }], ["path", { "d": "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }], ["path", { "d": "M3 6h18" }], ["path", { "d": "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]], "pencil": [["path", { "d": "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }], ["path", { "d": "m15 5 4 4" }]], "download": [["path", { "d": "M12 15V3" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }], ["path", { "d": "m7 10 5 5 5-5" }]], "upload": [["path", { "d": "M12 3v12" }], ["path", { "d": "m17 8-5-5-5 5" }], ["path", { "d": "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]], "calendar": [["path", { "d": "M8 2v3" }], ["path", { "d": "M16 2v3" }], ["rect", { "x": "3", "y": "3", "width": "18", "height": "18", "rx": "2" }], ["path", { "d": "M3 9h18" }]], "bell": [["path", { "d": "M10.268 21a2 2 0 0 0 3.464 0" }], ["path", { "d": "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }]], "menu": [["path", { "d": "M4 5h16" }], ["path", { "d": "M4 12h16" }], ["path", { "d": "M4 19h16" }]], "eye": [["path", { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }], ["circle", { "cx": "12", "cy": "12", "r": "3" }]], "log-out": [["path", { "d": "m16 17 5-5-5-5" }], ["path", { "d": "M21 12H9" }], ["path", { "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }]], "circle": [["circle", { "cx": "12", "cy": "12", "r": "10" }]], "circle-dot-dashed": [["path", { "d": "M10.1 2.18a9.93 9.93 0 0 1 3.8 0" }], ["path", { "d": "M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7" }], ["path", { "d": "M21.82 10.1a9.93 9.93 0 0 1 0 3.8" }], ["path", { "d": "M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69" }], ["path", { "d": "M13.9 21.82a9.94 9.94 0 0 1-3.8 0" }], ["path", { "d": "M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7" }], ["path", { "d": "M2.18 13.9a9.93 9.93 0 0 1 0-3.8" }], ["path", { "d": "M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69" }], ["circle", { "cx": "12", "cy": "12", "r": "1" }]], "ban": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M4.929 4.929 19.07 19.071" }]], "arrow-up": [["path", { "d": "m5 12 7-7 7 7" }], ["path", { "d": "M12 19V5" }]], "arrow-down": [["path", { "d": "M12 5v14" }], ["path", { "d": "m19 12-7 7-7-7" }]], "inbox": [["polyline", { "points": "22 12 16 12 14 15 10 15 8 12 2 12" }], ["path", { "d": "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }]], "pin": [["path", { "d": "M12 17v5" }], ["path", { "d": "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" }]], "pin-off": [["path", { "d": "M12 17v5" }], ["path", { "d": "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89" }], ["path", { "d": "m2 2 20 20" }], ["path", { "d": "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11" }]], "eye-off": [["path", { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }], ["path", { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }], ["path", { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }], ["path", { "d": "m2 2 20 20" }]], "columns-3": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }], ["path", { "d": "M9 3v18" }], ["path", { "d": "M15 3v18" }]], "arrow-left": [["path", { "d": "m12 19-7-7 7-7" }], ["path", { "d": "M19 12H5" }]], "rotate-ccw": [["path", { "d": "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }], ["path", { "d": "M3 3v5h5" }]], "house": [["path", { "d": "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }], ["path", { "d": "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }]], "layout-dashboard": [["rect", { "width": "7", "height": "9", "x": "3", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "14", "y": "3", "rx": "1" }], ["rect", { "width": "7", "height": "9", "x": "14", "y": "12", "rx": "1" }], ["rect", { "width": "7", "height": "5", "x": "3", "y": "16", "rx": "1" }]], "folder": [["path", { "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }]], "chart-column": [["path", { "d": "M3 3v16a2 2 0 0 0 2 2h16" }], ["path", { "d": "M18 17V9" }], ["path", { "d": "M13 17V5" }], ["path", { "d": "M8 17v-3" }]], "file-text": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }], ["path", { "d": "M10 9H8" }], ["path", { "d": "M16 13H8" }], ["path", { "d": "M16 17H8" }]], "mail": [["path", { "d": "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }], ["rect", { "x": "2", "y": "4", "width": "20", "height": "16", "rx": "2" }]], "lock": [["rect", { "width": "18", "height": "11", "x": "3", "y": "11", "rx": "2", "ry": "2" }], ["path", { "d": "M7 11V7a5 5 0 0 1 10 0v4" }]], "clock": [["circle", { "cx": "12", "cy": "12", "r": "10" }], ["path", { "d": "M12 6v6l4 2" }]], "trending-up": [["path", { "d": "M16 7h6v6" }], ["path", { "d": "m22 7-8.5 8.5-5-5L2 17" }]], "trending-down": [["path", { "d": "M16 17h6v-6" }], ["path", { "d": "m22 17-8.5-8.5-5 5L2 7" }]], "image": [["rect", { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2", "ry": "2" }], ["circle", { "cx": "9", "cy": "9", "r": "2" }], ["path", { "d": "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]], "paperclip": [["path", { "d": "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" }]], "cloud-upload": [["path", { "d": "M12 13v8" }], ["path", { "d": "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }], ["path", { "d": "m8 17 4-4 4 4" }]], "file": [["path", { "d": "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { "d": "M14 2v5a1 1 0 0 0 1 1h5" }]] };
 var SIZES = { sm: 16, md: 20, lg: 24 };
@@ -200,7 +200,7 @@ var Icon = React2.forwardRef(function Icon2(props, ref) {
 });
 var iconNames = Object.keys(ICONS);
 
-// src/Button.js
+// src/Button.tsx
 var React3 = __toESM(require("react"), 1);
 var h2 = React3.createElement;
 var Button = React3.forwardRef(function Button2(props, ref) {
@@ -225,7 +225,7 @@ var Button = React3.forwardRef(function Button2(props, ref) {
   );
 });
 
-// src/IconButton.js
+// src/IconButton.tsx
 var React4 = __toESM(require("react"), 1);
 var h3 = React4.createElement;
 var IconButton = React4.forwardRef(function IconButton2(props, ref) {
@@ -239,7 +239,7 @@ var IconButton = React4.forwardRef(function IconButton2(props, ref) {
   }), h3(Icon, { name: props.icon, size: props.size || "sm" }));
 });
 
-// src/Menu.js
+// src/Menu.tsx
 var React5 = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 var h4 = React5.createElement;
@@ -333,7 +333,7 @@ var Menu = React5.forwardRef(function Menu2(props, ref) {
   return mounted ? (0, import_react_dom.createPortal)(el, document.body) : null;
 });
 
-// src/DropdownMenu.js
+// src/DropdownMenu.tsx
 var React6 = __toESM(require("react"), 1);
 var h5 = React6.createElement;
 var DropdownMenu = React6.forwardRef(function DropdownMenu2(props, ref) {
@@ -361,13 +361,13 @@ var DropdownMenu = React6.forwardRef(function DropdownMenu2(props, ref) {
       items: props.items,
       onClose: function(restore) {
         setAnchor(null);
-        if (restore && anchor.focus) anchor.focus();
+        if (restore && typeof anchor.focus === "function") anchor.focus();
       }
     }) : null
   );
 });
 
-// src/Checkbox.js
+// src/Checkbox.tsx
 var React7 = __toESM(require("react"), 1);
 var h6 = React7.createElement;
 var Checkbox = React7.forwardRef(function Checkbox2(props, ref) {
@@ -412,7 +412,7 @@ var Checkbox = React7.forwardRef(function Checkbox2(props, ref) {
   );
 });
 
-// src/StatusPill.js
+// src/StatusPill.tsx
 var React8 = __toESM(require("react"), 1);
 var h7 = React8.createElement;
 var TONE_ICON = { neutral: "circle", progress: "circle-dot-dashed", ready: "circle-check", blocked: "ban" };
@@ -437,10 +437,10 @@ var StatusPill = React8.forwardRef(function StatusPill2(props, ref) {
   );
 });
 
-// src/forms.js
+// src/forms.tsx
 var React10 = __toESM(require("react"), 1);
 
-// src/locale.js
+// src/locale.tsx
 var React9 = __toESM(require("react"), 1);
 var h8 = React9.createElement;
 var n = function(x) {
@@ -627,8 +627,8 @@ var STRINGS = {
 var LocaleContext = React9.createContext(null);
 function AuraProvider(props) {
   var value = React9.useMemo(function() {
-    var base = STRINGS[props.locale] || STRINGS.en;
-    return { locale: props.locale || "en", calendar: props.calendar, strings: props.strings ? Object.assign({}, base, props.strings) : base };
+    var base = props.locale && STRINGS[props.locale] || STRINGS.en;
+    return { locale: props.locale || "en", calendar: props.calendar || null, strings: props.strings ? Object.assign({}, base, props.strings) : base };
   }, [props.locale, props.calendar, props.strings]);
   return h8(LocaleContext.Provider, { value }, props.children);
 }
@@ -639,7 +639,7 @@ function useStrings() {
   return useAuraLocale().strings;
 }
 
-// src/forms.js
+// src/forms.tsx
 var h9 = React10.createElement;
 var Field = React10.forwardRef(function Field2(props, ref) {
   var t = useStrings();
@@ -809,7 +809,7 @@ var Switch = React10.forwardRef(function Switch2(props, ref) {
   );
 });
 
-// src/Combobox.js
+// src/Combobox.tsx
 var React11 = __toESM(require("react"), 1);
 var import_react_dom2 = require("react-dom");
 var h10 = React11.createElement;
@@ -822,7 +822,7 @@ function toOpt(o) {
 function defaultFilter(option, query) {
   var q = norm(query).trim();
   if (!q) return true;
-  return norm(option.label).indexOf(q) >= 0 || option.description && norm(option.description).indexOf(q) >= 0 || (option.keywords || []).some(function(k) {
+  return norm(option.label).indexOf(q) >= 0 || !!option.description && norm(option.description).indexOf(q) >= 0 || (option.keywords || []).some(function(k) {
     return norm(k).indexOf(q) >= 0;
   });
 }
@@ -1059,7 +1059,7 @@ var Combobox = React11.forwardRef(function Combobox2(props, ref) {
   );
 });
 
-// src/DatePicker.js
+// src/DatePicker.tsx
 var React12 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
 var h11 = React12.createElement;
@@ -1153,7 +1153,7 @@ var Calendar = React12.forwardRef(function Calendar2(props, ref) {
   var gridRef = React12.useRef(null), gridMerged = useMergedRef(ref, gridRef), moved = React12.useRef(false);
   var th = locale !== "en";
   function disabled(d) {
-    return min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d));
+    return !!(min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d)));
   }
   React12.useEffect(function() {
     if (!moved.current) return;
@@ -1621,7 +1621,7 @@ var DateRangePicker = React12.forwardRef(function DateRangePicker2(props, ref) {
   );
 });
 
-// src/feedback.js
+// src/feedback.tsx
 var React13 = __toESM(require("react"), 1);
 var import_react_dom4 = require("react-dom");
 var h12 = React13.createElement;
@@ -1742,7 +1742,7 @@ function Toaster(props) {
 }
 var Tooltip = React13.forwardRef(function Tooltip2(props, ref) {
   var id = uid(), st = React13.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
-  var anchor = React13.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React13.useRef(null), timer = React13.useRef(null);
+  var anchor = React13.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React13.useRef(null), timer = React13.useRef(void 0);
   var pos = React13.useState(null);
   function show(now) {
     clearTimeout(timer.current);
@@ -1803,11 +1803,11 @@ var Tooltip = React13.forwardRef(function Tooltip2(props, ref) {
   );
 });
 
-// src/Dialog.js
+// src/Dialog.tsx
 var React15 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
 
-// src/overlay.js
+// src/overlay.tsx
 var React14 = __toESM(require("react"), 1);
 function useModal(open, ref, opts) {
   var mounted = useMounted();
@@ -1847,10 +1847,10 @@ function useModal(open, ref, opts) {
       first.focus();
     }
   }
-  return { ready: open && mounted, onKeyDown };
+  return { ready: !!open && mounted, onKeyDown };
 }
 
-// src/Dialog.js
+// src/Dialog.tsx
 var h13 = React15.createElement;
 var Dialog = React15.forwardRef(function Dialog2(props, ref) {
   var t = useStrings();
@@ -1931,7 +1931,7 @@ var Drawer = React15.forwardRef(function Drawer2(props, ref) {
   );
 });
 
-// src/DataTable.js
+// src/DataTable.tsx
 var React16 = __toESM(require("react"), 1);
 var h14 = React16.createElement;
 var BP = { sm: 640, md: 768, lg: 1024, xl: 1280 };
@@ -2179,7 +2179,7 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
     })));
   }
   function canResize(c) {
-    return props.resizable && c.resizable !== false && c.width != null;
+    return !!props.resizable && c.resizable !== false && c.width != null;
   }
   function clampW(c, w) {
     return Math.round(Math.min(c.maxWidth || 480, Math.max(c.minWidth || 64, w)));
@@ -2319,10 +2319,11 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
     }
   }
   function onGridKey(e) {
-    if (!gridRef.current || !gridRef.current.contains(e.target)) return;
-    var rc = e.target.getAttribute && e.target.getAttribute("data-rc");
+    var target = e.target;
+    if (!gridRef.current || !gridRef.current.contains(target)) return;
+    var rc = target.getAttribute && target.getAttribute("data-rc");
     if (!rc) {
-      var cell = e.key === "Escape" && e.target.closest && e.target.closest("[data-rc]");
+      var cell = e.key === "Escape" && target.closest && target.closest("[data-rc]");
       if (cell) {
         e.preventDefault();
         cell.focus();
@@ -2335,7 +2336,7 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
     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);
     else if (r === 0 && col && e.ctrlKey && e.shiftKey && (k === "ArrowLeft" || k === "ArrowRight") && reorderable) {
       if (moveCol(col.key, k === "ArrowLeft" ? -1 : 1)) pending.current = { r: 0, key: col.key, c };
-    } else if (r === 0 && col && (e.altKey && k === "ArrowDown" || k === "ContextMenu" || e.shiftKey && k === "F10") && controls) openMenu("col", col.key, e.target, { r: 0, c });
+    } else if (r === 0 && col && (e.altKey && k === "ArrowDown" || k === "ContextMenu" || e.shiftKey && k === "F10") && controls) openMenu("col", col.key, target, { r: 0, c });
     else if (k === "ArrowRight") focusCell(r, c + 1);
     else if (k === "ArrowLeft") focusCell(r, c - 1);
     else if (k === "ArrowDown") {
@@ -2354,13 +2355,17 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
       if (pageSize) {
         if (goPage(page - 1, { r: 1, c })) activeState[1]({ r: 1, c });
       } else focusCell(Math.max(1, r - visibleRows), c);
+    } else if (k === "F2" && r > 0) {
+      var inner = target.querySelector("button, a[href], input, select, textarea");
+      if (inner) inner.focus();
+      else handled = false;
     } else if (k === " " || k === "Enter") {
       if (r === 0 && !col && selectable && nRows) toggleAll();
       else if (r === 0 && col && col.sortable && nRows > 1) {
         setSort(nextSort(col.key));
         goPage(1);
       } else if (r > 0 && k === " " && selectable) toggle(row[rowKey], !selSet[row[rowKey]]);
-      else if (r > 0 && (k === "Enter" || k === "F2") && e.target.querySelector("button, a[href], input, select, textarea")) e.target.querySelector("button, a[href], input, select, textarea").focus();
+      else if (r > 0 && k === "Enter" && target.querySelector("button, a[href], input, select, textarea")) target.querySelector("button, a[href], input, select, textarea").focus();
       else if (r > 0 && k === "Enter" && props.onRowActivate) props.onRowActivate(row);
       else handled = false;
     } else handled = false;
@@ -2535,7 +2540,7 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
   var rowStyle = { minWidth: rowMinWidth };
   if (loading) {
     var n2 = pageSize || props.skeletonRows || 5;
-    body = [];
+    var skRows = body = [];
     for (var i = 0; i < n2; i++) {
       var sk = [h14("span", { key: "__gl", className: "aura-table__gutter" })];
       if (selectable) sk.push(h14("span", { key: "__sel", className: cx("aura-table__sel", nPinned && "is-pinned") }, h14("span", { className: "aura-skel aura-skel--box" })));
@@ -2547,7 +2552,7 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
         ));
       });
       sk.push(h14("span", { key: "__gr", className: cx("aura-table__gutter aura-table__gutter--end", controls && "has-picker") }));
-      body.push(h14("div", { key: "sk" + i, className: "aura-table__row aura-table__row--skeleton", "aria-hidden": true, style: rowStyle }, sk));
+      skRows.push(h14("div", { key: "sk" + i, className: "aura-table__row aura-table__row--skeleton", "aria-hidden": true, style: rowStyle }, sk));
     }
   } else if (!rows.length) {
     var em = props.empty || {};
@@ -2564,12 +2569,12 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
       )
     );
   } else {
-    body = [];
-    if (virtual && start > 0) body.push(h14("div", { key: "__top", style: { height: start * ROW_H + "px" }, "aria-hidden": true }));
+    var bodyRows = body = [];
+    if (virtual && start > 0) bodyRows.push(h14("div", { key: "__top", style: { height: start * ROW_H + "px" }, "aria-hidden": true }));
     for (var ri = start; ri < end; ri++) {
       (function(r, i2) {
         var k = r[rowKey], isSel = !!selSet[k];
-        body.push(h14("div", {
+        bodyRows.push(h14("div", {
           key: k,
           role: "row",
           "aria-rowindex": first + i2 + 2,
@@ -2577,13 +2582,14 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
           className: cx("aura-table__row", isSel && "is-selected", props.onRowActivate && "is-actionable"),
           style: rowStyle,
           onClick: function(e) {
-            if (e.target.closest && e.target.closest(".aura-check, button, a, input")) return;
+            var el = e.target;
+            if (el.closest && el.closest(".aura-check, button, a, input")) return;
             if (props.onRowActivate) props.onRowActivate(r);
           }
         }, rowCells(r, i2, k, isSel)));
       })(pageRows[ri], ri);
     }
-    if (virtual && end < pageRows.length) body.push(h14("div", { key: "__bot", style: { height: (pageRows.length - end) * ROW_H + "px" }, "aria-hidden": true }));
+    if (virtual && end < pageRows.length) bodyRows.push(h14("div", { key: "__bot", style: { height: (pageRows.length - end) * ROW_H + "px" }, "aria-hidden": true }));
   }
   var foot = null;
   if (pageSize && (rows.length || loading)) {
@@ -2657,7 +2663,8 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
             className: cx("aura-table__card", isSel && "is-selected", props.onRowActivate && "is-actionable"),
             tabIndex: props.onRowActivate ? 0 : void 0,
             onClick: function(e) {
-              if (e.target.closest && e.target.closest(".aura-check, button, a, input")) return;
+              var el = e.target;
+              if (el.closest && el.closest(".aura-check, button, a, input")) return;
               if (props.onRowActivate) props.onRowActivate(r);
             },
             onKeyDown: function(e) {
@@ -2750,7 +2757,7 @@ var DataTable = React16.forwardRef(function DataTable2(props, ref) {
   );
 });
 
-// src/layout.js
+// src/layout.tsx
 var React17 = __toESM(require("react"), 1);
 var h15 = React17.createElement;
 var Card = React17.forwardRef(function Card2(props, ref) {
@@ -2939,7 +2946,7 @@ var Avatar = React17.forwardRef(function Avatar2(props, ref) {
   );
 });
 
-// src/layout2.js
+// src/layout2.tsx
 var React18 = __toESM(require("react"), 1);
 var h16 = React18.createElement;
 var breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };
@@ -2965,16 +2972,17 @@ function subscribe(cb) {
 function useResponsive(value) {
   var bp = useBreakpoint();
   if (value == null || typeof value !== "object") return value;
-  for (var i = ORDER.indexOf(bp); i >= 0; i--) if (value[ORDER[i]] !== void 0) return value[ORDER[i]];
+  var map = value;
+  for (var i = ORDER.indexOf(bp); i >= 0; i--) if (map[ORDER[i]] !== void 0) return map[ORDER[i]];
   return void 0;
 }
 function respVars(prefix, value, map) {
   var style = {};
   if (value == null) return style;
   if (typeof value !== "object") value = { base: value };
-  var cur;
+  var byBp = value, cur;
   ORDER.forEach(function(k) {
-    if (value[k] !== void 0) cur = map ? map(value[k]) : value[k];
+    if (byBp[k] !== void 0) cur = map ? map(byBp[k]) : byBp[k];
     if (cur !== void 0) style["--" + prefix + "-" + k] = cur;
   });
   return style;
@@ -3014,10 +3022,11 @@ var AppShell = React18.forwardRef(function AppShell2(props, ref) {
   React18.useEffect(function() {
     if (!compact) setOpen(false);
   }, [compact]);
-  var nav = props.nav && React18.isValidElement(props.nav) && compact ? React18.cloneElement(props.nav, { onChange: function(id) {
-    if (props.nav.props.onChange) props.nav.props.onChange(id);
+  var navEl = props.nav;
+  var nav = props.nav && React18.isValidElement(props.nav) && compact ? React18.cloneElement(navEl, { onChange: function(id) {
+    if (navEl.props.onChange) navEl.props.onChange(id);
     setOpen(false);
-  }, className: cx(props.nav.props.className, "is-in-drawer") }) : props.nav;
+  }, className: cx(navEl.props.className, "is-in-drawer") }) : props.nav;
   return h16(
     "div",
     { ref, className: cx("aura-shell", compact && "is-compact", props.className) },
@@ -3041,7 +3050,7 @@ var AppShell = React18.forwardRef(function AppShell2(props, ref) {
   );
 });
 
-// src/Surface.js
+// src/Surface.tsx
 var React19 = __toESM(require("react"), 1);
 var h17 = React19.createElement;
 var Surface = React19.forwardRef(function Surface2(props, ref) {
@@ -3060,7 +3069,7 @@ var Surface = React19.forwardRef(function Surface2(props, ref) {
   }), props.children);
 });
 
-// src/Stat.js
+// src/Stat.tsx
 var React20 = __toESM(require("react"), 1);
 var h18 = React20.createElement;
 var Stat = React20.forwardRef(function Stat2(props, ref) {
@@ -3101,7 +3110,7 @@ var Stat = React20.forwardRef(function Stat2(props, ref) {
   );
 });
 
-// src/TimePicker.js
+// src/TimePicker.tsx
 var React21 = __toESM(require("react"), 1);
 var import_react_dom6 = require("react-dom");
 var h19 = React21.createElement;
@@ -3396,7 +3405,7 @@ var TimePicker = React21.forwardRef(function TimePicker2(props, ref) {
   );
 });
 
-// src/FileUpload.js
+// src/FileUpload.tsx
 var React22 = __toESM(require("react"), 1);
 var h20 = React22.createElement;
 function formatBytes(n2) {
@@ -3561,7 +3570,7 @@ var FileUpload = React22.forwardRef(function FileUpload2(props, ref) {
   );
 });
 
-// src/theme.js
+// src/theme.ts
 function hexToRgb(hex) {
   var h23 = String(hex).trim().replace("#", "");
   if (h23.length === 3) h23 = h23.split("").map(function(c) {
@@ -3743,7 +3752,7 @@ function createTheme(opts) {
   }), css };
 }
 
-// src/ThemeStyle.js
+// src/ThemeStyle.tsx
 var React23 = __toESM(require("react"), 1);
 var h21 = React23.createElement;
 function ThemeStyle(props) {
@@ -3753,7 +3762,7 @@ function ThemeStyle(props) {
   return h21("style", { "data-aura-theme": props.name || props.brand, dangerouslySetInnerHTML: { __html: css } });
 }
 
-// src/extra.js
+// src/extra.tsx
 var React24 = __toESM(require("react"), 1);
 var import_react_dom7 = require("react-dom");
 var h22 = React24.createElement;

package/dist/esm/Combobox.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from "react";
-import { useStrings, useAuraLocale } from "./locale.js";
+import { useStrings } from "./locale.js";
 import { createPortal } from "react-dom";
 import { cx, uid, useMaybeControlled, useMounted, useIsoLayoutEffect, useMergedRef } from "./internal.js";
 import { Icon } from "./Icon.js";
@@ -15,7 +15,7 @@ function toOpt(o) {
 function defaultFilter(option, query) {
   var q = norm(query).trim();
   if (!q) return true;
-  return norm(option.label).indexOf(q) >= 0 || option.description && norm(option.description).indexOf(q) >= 0 || (option.keywords || []).some(function(k) {
+  return norm(option.label).indexOf(q) >= 0 || !!option.description && norm(option.description).indexOf(q) >= 0 || (option.keywords || []).some(function(k) {
     return norm(k).indexOf(q) >= 0;
   });
 }

package/dist/esm/DataTable.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from "react";
-import { useStrings, useAuraLocale } from "./locale.js";
-import { cx, omit, useMaybeControlled, compare, useIsoLayoutEffect, useMergedRef } from "./internal.js";
+import { useStrings } from "./locale.js";
+import { cx, useMaybeControlled, compare, useIsoLayoutEffect, useMergedRef } from "./internal.js";
 import { Icon } from "./Icon.js";
 import { IconButton } from "./IconButton.js";
 import { Checkbox } from "./Checkbox.js";
@@ -251,7 +251,7 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
     })));
   }
   function canResize(c) {
-    return props.resizable && c.resizable !== false && c.width != null;
+    return !!props.resizable && c.resizable !== false && c.width != null;
   }
   function clampW(c, w) {
     return Math.round(Math.min(c.maxWidth || 480, Math.max(c.minWidth || 64, w)));
@@ -391,10 +391,11 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
     }
   }
   function onGridKey(e) {
-    if (!gridRef.current || !gridRef.current.contains(e.target)) return;
-    var rc = e.target.getAttribute && e.target.getAttribute("data-rc");
+    var target = e.target;
+    if (!gridRef.current || !gridRef.current.contains(target)) return;
+    var rc = target.getAttribute && target.getAttribute("data-rc");
     if (!rc) {
-      var cell = e.key === "Escape" && e.target.closest && e.target.closest("[data-rc]");
+      var cell = e.key === "Escape" && target.closest && target.closest("[data-rc]");
       if (cell) {
         e.preventDefault();
         cell.focus();
@@ -407,7 +408,7 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
     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);
     else if (r === 0 && col && e.ctrlKey && e.shiftKey && (k === "ArrowLeft" || k === "ArrowRight") && reorderable) {
       if (moveCol(col.key, k === "ArrowLeft" ? -1 : 1)) pending.current = { r: 0, key: col.key, c };
-    } else if (r === 0 && col && (e.altKey && k === "ArrowDown" || k === "ContextMenu" || e.shiftKey && k === "F10") && controls) openMenu("col", col.key, e.target, { r: 0, c });
+    } else if (r === 0 && col && (e.altKey && k === "ArrowDown" || k === "ContextMenu" || e.shiftKey && k === "F10") && controls) openMenu("col", col.key, target, { r: 0, c });
     else if (k === "ArrowRight") focusCell(r, c + 1);
     else if (k === "ArrowLeft") focusCell(r, c - 1);
     else if (k === "ArrowDown") {
@@ -426,13 +427,17 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
       if (pageSize) {
         if (goPage(page - 1, { r: 1, c })) activeState[1]({ r: 1, c });
       } else focusCell(Math.max(1, r - visibleRows), c);
+    } else if (k === "F2" && r > 0) {
+      var inner = target.querySelector("button, a[href], input, select, textarea");
+      if (inner) inner.focus();
+      else handled = false;
     } else if (k === " " || k === "Enter") {
       if (r === 0 && !col && selectable && nRows) toggleAll();
       else if (r === 0 && col && col.sortable && nRows > 1) {
         setSort(nextSort(col.key));
         goPage(1);
       } else if (r > 0 && k === " " && selectable) toggle(row[rowKey], !selSet[row[rowKey]]);
-      else if (r > 0 && (k === "Enter" || k === "F2") && e.target.querySelector("button, a[href], input, select, textarea")) e.target.querySelector("button, a[href], input, select, textarea").focus();
+      else if (r > 0 && k === "Enter" && target.querySelector("button, a[href], input, select, textarea")) target.querySelector("button, a[href], input, select, textarea").focus();
       else if (r > 0 && k === "Enter" && props.onRowActivate) props.onRowActivate(row);
       else handled = false;
     } else handled = false;
@@ -607,7 +612,7 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
   var rowStyle = { minWidth: rowMinWidth };
   if (loading) {
     var n = pageSize || props.skeletonRows || 5;
-    body = [];
+    var skRows = body = [];
     for (var i = 0; i < n; i++) {
       var sk = [h("span", { key: "__gl", className: "aura-table__gutter" })];
       if (selectable) sk.push(h("span", { key: "__sel", className: cx("aura-table__sel", nPinned && "is-pinned") }, h("span", { className: "aura-skel aura-skel--box" })));
@@ -619,7 +624,7 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
         ));
       });
       sk.push(h("span", { key: "__gr", className: cx("aura-table__gutter aura-table__gutter--end", controls && "has-picker") }));
-      body.push(h("div", { key: "sk" + i, className: "aura-table__row aura-table__row--skeleton", "aria-hidden": true, style: rowStyle }, sk));
+      skRows.push(h("div", { key: "sk" + i, className: "aura-table__row aura-table__row--skeleton", "aria-hidden": true, style: rowStyle }, sk));
     }
   } else if (!rows.length) {
     var em = props.empty || {};
@@ -636,12 +641,12 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
       )
     );
   } else {
-    body = [];
-    if (virtual && start > 0) body.push(h("div", { key: "__top", style: { height: start * ROW_H + "px" }, "aria-hidden": true }));
+    var bodyRows = body = [];
+    if (virtual && start > 0) bodyRows.push(h("div", { key: "__top", style: { height: start * ROW_H + "px" }, "aria-hidden": true }));
     for (var ri = start; ri < end; ri++) {
       (function(r, i2) {
         var k = r[rowKey], isSel = !!selSet[k];
-        body.push(h("div", {
+        bodyRows.push(h("div", {
           key: k,
           role: "row",
           "aria-rowindex": first + i2 + 2,
@@ -649,13 +654,14 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
           className: cx("aura-table__row", isSel && "is-selected", props.onRowActivate && "is-actionable"),
           style: rowStyle,
           onClick: function(e) {
-            if (e.target.closest && e.target.closest(".aura-check, button, a, input")) return;
+            var el = e.target;
+            if (el.closest && el.closest(".aura-check, button, a, input")) return;
             if (props.onRowActivate) props.onRowActivate(r);
           }
         }, rowCells(r, i2, k, isSel)));
       })(pageRows[ri], ri);
     }
-    if (virtual && end < pageRows.length) body.push(h("div", { key: "__bot", style: { height: (pageRows.length - end) * ROW_H + "px" }, "aria-hidden": true }));
+    if (virtual && end < pageRows.length) bodyRows.push(h("div", { key: "__bot", style: { height: (pageRows.length - end) * ROW_H + "px" }, "aria-hidden": true }));
   }
   var foot = null;
   if (pageSize && (rows.length || loading)) {
@@ -729,7 +735,8 @@ const DataTable = React.forwardRef(function DataTable2(props, ref) {
             className: cx("aura-table__card", isSel && "is-selected", props.onRowActivate && "is-actionable"),
             tabIndex: props.onRowActivate ? 0 : void 0,
             onClick: function(e) {
-              if (e.target.closest && e.target.closest(".aura-check, button, a, input")) return;
+              var el = e.target;
+              if (el.closest && el.closest(".aura-check, button, a, input")) return;
               if (props.onRowActivate) props.onRowActivate(r);
             },
             onKeyDown: function(e) {

package/dist/esm/DatePicker.js

@@ -97,7 +97,7 @@ const Calendar = React.forwardRef(function Calendar2(props, ref) {
   var gridRef = React.useRef(null), gridMerged = useMergedRef(ref, gridRef), moved = React.useRef(false);
   var th = locale !== "en";
   function disabled(d) {
-    return min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d));
+    return !!(min && d < min || max && d > max || props.isDateDisabled && props.isDateDisabled(toISO(d)));
   }
   React.useEffect(function() {
     if (!moved.current) return;

package/dist/esm/Dialog.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from "react";
-import { useStrings, useAuraLocale } from "./locale.js";
+import { useStrings } from "./locale.js";
 import { createPortal } from "react-dom";
 import { cx, uid, useMergedRef } from "./internal.js";
 import { IconButton } from "./IconButton.js";

package/dist/esm/DropdownMenu.js

@@ -28,7 +28,7 @@ const DropdownMenu = React.forwardRef(function DropdownMenu2(props, ref) {
       items: props.items,
       onClose: function(restore) {
         setAnchor(null);
-        if (restore && anchor.focus) anchor.focus();
+        if (restore && typeof anchor.focus === "function") anchor.focus();
       }
     }) : null
   );

package/dist/esm/feedback.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from "react";
-import { useStrings, useAuraLocale } from "./locale.js";
+import { useStrings } from "./locale.js";
 import { createPortal } from "react-dom";
 import { cx, uid, useMounted, useIsoLayoutEffect, useMergedRef } from "./internal.js";
 import { Icon } from "./Icon.js";
@@ -123,7 +123,7 @@ function Toaster(props) {
 }
 const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
   var id = uid(), st = React.useState(false), open = props.open !== void 0 ? props.open : st[0], set = st[1];
-  var anchor = React.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React.useRef(null), timer = React.useRef(null);
+  var anchor = React.useRef(null), anchorMerged = useMergedRef(ref, anchor), tip = React.useRef(null), timer = React.useRef(void 0);
   var pos = React.useState(null);
   function show(now) {
     clearTimeout(timer.current);