@jirawatpyk/aura-tokens 4.4.1 → 4.5.0

package/README.md

@@ -1,6 +1,6 @@
-# AURA Design System 4.4 — `@jirawatpyk/aura-tokens` (imported as `@aura/tokens`)
+# AURA Design System — `@jirawatpyk/aura-tokens` (imported as `@aura/tokens`)
 
-Enterprise Standard, Human Creative. Tokens, Tailwind preset, Figma variables a contrast check and token lint. The components live in `../react` (`@aura/react`); `components/` here is a synced copy of their `window.Aura` bundle for `<script>`-tag use.
+Enterprise Standard, Human Creative. Tokens, Tailwind preset, Figma variables a contrast check and token lint. The components live in [`@jirawatpyk/aura-react`](https://www.npmjs.com/package/@jirawatpyk/aura-react); `components/` here is a synced copy of their `window.Aura` bundle for `<script>`-tag use.
 
 ## What's inside
 
@@ -22,6 +22,7 @@ Enterprise Standard, Human Creative. Tokens, Tailwind preset, Figma variables a
 ```bash
 # public on npmjs; internal projects can use GitHub Packages instead (see the repository README)
 npm install @aura/tokens@npm:@jirawatpyk/aura-tokens @aura/react@npm:@jirawatpyk/aura-react
+# or plain: npm install @jirawatpyk/aura-tokens @jirawatpyk/aura-react
 ```
 
 ```tsx

package/aura.css

@@ -1,4 +1,4 @@
-/* AURA v4.4.1 — GENERATED by scripts/build-tokens.js from tokens.json. Do not edit by hand. */
+/* AURA v4.5.0 — GENERATED by scripts/build-tokens.js from tokens.json. Do not edit by hand. */
 /* Fonts: load aura-fonts.css (or the <link> tags in README) separately, so a blocked Google Fonts never breaks this file. */
 
 :root, [data-theme="light"] {

package/components/aura.bundle.js

@@ -45,7 +45,7 @@ window.Aura = (() => {
     }
   });
 
-  // src/index.js
+  // src/index.ts
   var index_exports = {};
   __export(index_exports, {
     Accordion: () => Accordion,
@@ -113,10 +113,10 @@ window.Aura = (() => {
     useResponsive: () => useResponsive
   });
 
-  // 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(" ");
@@ -187,7 +187,7 @@ window.Aura = (() => {
     }, [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 };
@@ -216,7 +216,7 @@ window.Aura = (() => {
   });
   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) {
@@ -241,7 +241,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/IconButton.js
+  // src/IconButton.tsx
   var React4 = __toESM(require_react(), 1);
   var h3 = React4.createElement;
   var IconButton = React4.forwardRef(function IconButton2(props, ref) {
@@ -255,7 +255,7 @@ window.Aura = (() => {
     }), 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 = __toESM(require_react_dom(), 1);
   var h4 = React5.createElement;
@@ -349,7 +349,7 @@ window.Aura = (() => {
     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) {
@@ -377,13 +377,13 @@ window.Aura = (() => {
         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) {
@@ -428,7 +428,7 @@ window.Aura = (() => {
     );
   });
 
-  // 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" };
@@ -453,10 +453,10 @@ window.Aura = (() => {
     );
   });
 
-  // 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) {
@@ -643,8 +643,8 @@ window.Aura = (() => {
   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);
   }
@@ -655,7 +655,7 @@ window.Aura = (() => {
     return useAuraLocale().strings;
   }
 
-  // src/forms.js
+  // src/forms.tsx
   var h9 = React10.createElement;
   var Field = React10.forwardRef(function Field2(props, ref) {
     var t = useStrings();
@@ -825,7 +825,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/Combobox.js
+  // src/Combobox.tsx
   var React11 = __toESM(require_react(), 1);
   var import_react_dom2 = __toESM(require_react_dom(), 1);
   var h10 = React11.createElement;
@@ -838,7 +838,7 @@ window.Aura = (() => {
   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;
     });
   }
@@ -1075,7 +1075,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/DatePicker.js
+  // src/DatePicker.tsx
   var React12 = __toESM(require_react(), 1);
   var import_react_dom3 = __toESM(require_react_dom(), 1);
   var h11 = React12.createElement;
@@ -1169,7 +1169,7 @@ window.Aura = (() => {
     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;
@@ -1637,7 +1637,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/feedback.js
+  // src/feedback.tsx
   var React13 = __toESM(require_react(), 1);
   var import_react_dom4 = __toESM(require_react_dom(), 1);
   var h12 = React13.createElement;
@@ -1758,7 +1758,7 @@ window.Aura = (() => {
   }
   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);
@@ -1819,11 +1819,11 @@ window.Aura = (() => {
     );
   });
 
-  // src/Dialog.js
+  // src/Dialog.tsx
   var React15 = __toESM(require_react(), 1);
   var import_react_dom5 = __toESM(require_react_dom(), 1);
 
-  // src/overlay.js
+  // src/overlay.tsx
   var React14 = __toESM(require_react(), 1);
   function useModal(open, ref, opts) {
     var mounted = useMounted();
@@ -1863,10 +1863,10 @@ window.Aura = (() => {
         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();
@@ -1947,7 +1947,7 @@ window.Aura = (() => {
     );
   });
 
-  // 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 };
@@ -2195,7 +2195,7 @@ window.Aura = (() => {
       })));
     }
     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)));
@@ -2335,10 +2335,11 @@ window.Aura = (() => {
       }
     }
     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();
@@ -2351,7 +2352,7 @@ window.Aura = (() => {
       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") {
@@ -2370,13 +2371,17 @@ window.Aura = (() => {
         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;
@@ -2551,7 +2556,7 @@ window.Aura = (() => {
     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" })));
@@ -2563,7 +2568,7 @@ window.Aura = (() => {
           ));
         });
         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 || {};
@@ -2580,12 +2585,12 @@ window.Aura = (() => {
         )
       );
     } 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,
@@ -2593,13 +2598,14 @@ window.Aura = (() => {
             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)) {
@@ -2673,7 +2679,8 @@ window.Aura = (() => {
               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) {
@@ -2766,7 +2773,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/layout.js
+  // src/layout.tsx
   var React17 = __toESM(require_react(), 1);
   var h15 = React17.createElement;
   var Card = React17.forwardRef(function Card2(props, ref) {
@@ -2955,7 +2962,7 @@ window.Aura = (() => {
     );
   });
 
-  // 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 };
@@ -2981,16 +2988,17 @@ window.Aura = (() => {
   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;
@@ -3030,10 +3038,11 @@ window.Aura = (() => {
     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) },
@@ -3057,7 +3066,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/Surface.js
+  // src/Surface.tsx
   var React19 = __toESM(require_react(), 1);
   var h17 = React19.createElement;
   var Surface = React19.forwardRef(function Surface2(props, ref) {
@@ -3076,7 +3085,7 @@ window.Aura = (() => {
     }), 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) {
@@ -3117,7 +3126,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/TimePicker.js
+  // src/TimePicker.tsx
   var React21 = __toESM(require_react(), 1);
   var import_react_dom6 = __toESM(require_react_dom(), 1);
   var h19 = React21.createElement;
@@ -3412,7 +3421,7 @@ window.Aura = (() => {
     );
   });
 
-  // src/FileUpload.js
+  // src/FileUpload.tsx
   var React22 = __toESM(require_react(), 1);
   var h20 = React22.createElement;
   function formatBytes(n2) {
@@ -3577,7 +3586,7 @@ window.Aura = (() => {
     );
   });
 
-  // 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) {
@@ -3759,7 +3768,7 @@ window.Aura = (() => {
     }), css };
   }
 
-  // src/ThemeStyle.js
+  // src/ThemeStyle.tsx
   var React23 = __toESM(require_react(), 1);
   var h21 = React23.createElement;
   function ThemeStyle(props) {
@@ -3769,7 +3778,7 @@ window.Aura = (() => {
     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 = __toESM(require_react_dom(), 1);
   var h22 = React24.createElement;