@almadar/ui 5.130.0 → 5.131.0

package/dist/components/index.cjs

@@ -1857,7 +1857,7 @@ var init_Button = __esm({
               "cursor-pointer",
               "chrome-button",
               "transition-all duration-normal",
-              "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
+              "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--focus-ring-offset)]",
               "disabled:opacity-50 disabled:cursor-not-allowed",
               variantStyles[variant],
               sizeStyles[size],
@@ -2155,7 +2155,7 @@ function NativeSelect({
           "block w-full border-[length:var(--border-width)] shadow-sm appearance-none",
           "px-3 py-2 pr-10 text-sm text-foreground font-medium",
           "bg-card",
-          "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-ring",
           "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
           error ? "border-error focus:border-error" : "border-border focus:border-primary",
           className
@@ -2262,7 +2262,7 @@ function RichSelect({
           "block w-full border-[length:var(--border-width)] shadow-sm",
           "px-3 py-2 pr-10 text-sm text-start font-medium",
           "bg-card rounded-sm",
-          "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-ring",
           "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
           error ? "border-error focus:border-error" : "border-border focus:border-primary",
           !hasValue && "text-muted-foreground"
@@ -2636,7 +2636,7 @@ var init_Badge = __esm({
                   },
                   className: cn(
                     "inline-flex items-center justify-center rounded-sm",
-                    "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                    "hover:bg-foreground/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                     "transition-colors",
                     size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
                   ),
@@ -3536,9 +3536,9 @@ var init_Radio = __esm({
                 "flex items-center justify-center",
                 "border-[length:var(--border-width)] transition-all cursor-pointer",
                 sizeClasses3[size],
-                hasError ? "border-error peer-focus:ring-error/20" : "border-border peer-focus:ring-ring/20",
+                hasError ? "border-error peer-focus-visible:ring-error/20" : "border-border peer-focus-visible:ring-ring/20",
                 isChecked2 ? hasError ? "border-error" : "border-primary bg-primary" : "",
-                "peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-offset-2",
+                "peer-focus:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
                 disabled && "opacity-50 cursor-not-allowed",
                 !disabled && "hover:border-[var(--color-border-hover)]"
               ),
@@ -4133,7 +4133,7 @@ var init_ThemeToggle = __esm({
             "inline-flex items-center justify-center gap-2",
             "text-foreground",
             "hover:bg-muted border-[length:var(--border-width)] border-transparent hover:border-border",
-            "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             "transition-colors duration-fast",
             sizeClasses4[size],
             className
@@ -7032,10 +7032,12 @@ var init_Container = __esm({
     };
     paddingStyles3 = {
       none: "px-0",
-      sm: "px-4",
-      md: "px-6",
-      lg: "px-8",
-      xl: "px-12"
+      // Mobile-tighter, desktop-identical: fixed px-6 on a 360px phone eats ~13% of
+      // the viewport, so each token steps down below the sm breakpoint.
+      sm: "px-3 sm:px-4",
+      md: "px-4 sm:px-6",
+      lg: "px-4 sm:px-6 md:px-8",
+      xl: "px-4 sm:px-8 md:px-12"
     };
     exports.Container = ({
       size,
@@ -7734,7 +7736,7 @@ var init_Accordion = __esm({
                 "bg-card",
                 "hover:bg-muted",
                 "transition-colors duration-fast",
-                "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-inset",
+                "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
                 isOpen && "bg-muted font-bold"
               ),
@@ -14338,7 +14340,7 @@ var init_Breadcrumb = __esm({
                   },
                   className: cn(
                     "flex items-center gap-1.5 transition-colors",
-                    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                    "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                     isLast ? "text-foreground font-bold cursor-default" : "text-muted-foreground hover:text-foreground"
                   ),
                   "aria-current": isLast ? "page" : void 0,
@@ -20941,7 +20943,7 @@ function DataGrid({
                           ] }, field.name);
                         }) })
                       ] }),
-                      dangerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      dangerActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
                         exports.Button,
                         {
                           variant: "ghost",
@@ -20949,11 +20951,10 @@ function DataGrid({
                           onClick: handleActionClick(action, itemData),
                           "data-testid": `action-${action.event}`,
                           "data-row-id": String(itemData.id),
+                          "aria-label": action.label,
+                          title: action.label,
                           className: "text-error hover:text-error hover:bg-error/10 px-2",
-                          children: [
-                            action.icon && renderIconInput(action.icon, { size: "xs" }),
-                            action.label
-                          ]
+                          children: action.icon ? renderIconInput(action.icon, { size: "xs" }) : action.label
                         },
                         idx
                       )) })
@@ -22589,10 +22590,7 @@ var init_FileTree = __esm({
       className,
       indent = 16
     }) => {
-      const { t } = hooks.useTranslate();
-      if (tree.length === 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: `p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: t("fileTree.noFiles") }) });
-      }
+      if (tree.length === 0) return null;
       return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: `py-1 overflow-y-auto ${className ?? ""}`, role: "tree", children: tree.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
         TreeNodeItem,
         {
@@ -28915,7 +28913,7 @@ var init_NumberStepper = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 "aria-label": t("aria.decrease"),
@@ -28956,7 +28954,7 @@ var init_NumberStepper = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 "aria-label": t("aria.increase"),
@@ -29412,7 +29410,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.closeModal"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", className: "w-6 h-6" })
@@ -29431,7 +29429,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.previousImage"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-left", className: "w-8 h-8" })
@@ -29468,7 +29466,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.nextImage"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-right", className: "w-8 h-8" })
@@ -29648,7 +29646,8 @@ function TableView({
         const cell = formatCell(asFieldValue(getNestedValue(row, col.field ?? col.key)), col.format);
         return Math.max(widest, cell.length);
       }, columnLabel(col).length);
-      return Math.min(longest, MAX_MEASURED_COL_CH);
+      const chrome = col.format === "badge" ? BADGE_CHROME_CH : 0;
+      return Math.min(longest + chrome, MAX_MEASURED_COL_CH);
     }),
     [colDefs, data]
   );
@@ -29738,7 +29737,7 @@ function TableView({
               col.className
             );
             if (col.format === "badge" && raw != null && raw !== "") {
-              return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant4(String(raw)), size: "sm", children: String(raw) }) }, col.key);
+              return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant4(String(raw)), size: "sm", className: "whitespace-nowrap", children: String(raw) }) }, col.key);
             }
             return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
           }),
@@ -29821,7 +29820,7 @@ function TableView({
     }
   );
 }
-var MAX_MEASURED_COL_CH, alignClass, weightClass, LOOKS;
+var MAX_MEASURED_COL_CH, BADGE_CHROME_CH, alignClass, weightClass, LOOKS;
 var init_TableView = __esm({
   "components/core/molecules/TableView.tsx"() {
     "use client";
@@ -29840,6 +29839,7 @@ var init_TableView = __esm({
     init_useDataDnd();
     logger.createLogger("almadar:ui:table-view");
     MAX_MEASURED_COL_CH = 32;
+    BADGE_CHROME_CH = 4;
     alignClass = {
       left: "justify-start text-left",
       center: "justify-center text-center",
@@ -32075,7 +32075,7 @@ var init_VoteStack = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-up", className: styles.icon })
@@ -32112,7 +32112,7 @@ var init_VoteStack = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "chevron-down", className: styles.icon })
@@ -32633,7 +32633,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 p-2 text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": isPaused ? t("qrScanner.resumeScanning") : t("qrScanner.pauseScanning"),
                       children: isPaused ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "play", className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "pause", className: "h-4 w-4" })
@@ -32648,7 +32648,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 p-2 text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": currentFacing === "environment" ? t("qrScanner.switchToFrontCamera") : t("qrScanner.switchToRearCamera"),
                       children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "refresh-cw", className: "h-4 w-4" })
@@ -32663,7 +32663,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 px-3 py-2 text-xs text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": t("aria.mockScanDev"),
                       children: t("qrScanner.mockScan")
@@ -44702,7 +44702,7 @@ var init_TabbedContainer = __esm({
                       onClick: () => !isDisabled && handleTabChange(tab.id),
                       className: cn(
                         "flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors",
-                        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                        "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                         "disabled:opacity-50 disabled:cursor-not-allowed",
                         isActive ? "bg-primary text-primary-foreground" : "bg-card text-foreground hover:bg-muted",
                         isVertical ? "justify-start" : "justify-center"
@@ -48709,7 +48709,7 @@ var I18nContext = React74.createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate115() {
+function useTranslate114() {
   return React74.useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -49128,7 +49128,7 @@ exports.useSharedEntityStoreContext = useSharedEntityStoreContext;
 exports.useSwipeGesture = useSwipeGesture;
 exports.useTapReveal = useTapReveal;
 exports.useTraitListens = useTraitListens;
-exports.useTranslate = useTranslate115;
+exports.useTranslate = useTranslate114;
 exports.useUIEvents = useUIEvents;
 exports.useUISlotManager = useUISlotManager;
 exports.useUnitSpriteAtlas = useUnitSpriteAtlas;

package/dist/components/index.js

@@ -1782,7 +1782,7 @@ var init_Button = __esm({
               "cursor-pointer",
               "chrome-button",
               "transition-all duration-normal",
-              "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
+              "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--focus-ring-offset)]",
               "disabled:opacity-50 disabled:cursor-not-allowed",
               variantStyles[variant],
               sizeStyles[size],
@@ -2080,7 +2080,7 @@ function NativeSelect({
           "block w-full border-[length:var(--border-width)] shadow-sm appearance-none",
           "px-3 py-2 pr-10 text-sm text-foreground font-medium",
           "bg-card",
-          "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-ring",
           "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
           error ? "border-error focus:border-error" : "border-border focus:border-primary",
           className
@@ -2187,7 +2187,7 @@ function RichSelect({
           "block w-full border-[length:var(--border-width)] shadow-sm",
           "px-3 py-2 pr-10 text-sm text-start font-medium",
           "bg-card rounded-sm",
-          "focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ring",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-ring",
           "disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
           error ? "border-error focus:border-error" : "border-border focus:border-primary",
           !hasValue && "text-muted-foreground"
@@ -2561,7 +2561,7 @@ var init_Badge = __esm({
                   },
                   className: cn(
                     "inline-flex items-center justify-center rounded-sm",
-                    "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                    "hover:bg-foreground/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                     "transition-colors",
                     size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
                   ),
@@ -3461,9 +3461,9 @@ var init_Radio = __esm({
                 "flex items-center justify-center",
                 "border-[length:var(--border-width)] transition-all cursor-pointer",
                 sizeClasses3[size],
-                hasError ? "border-error peer-focus:ring-error/20" : "border-border peer-focus:ring-ring/20",
+                hasError ? "border-error peer-focus-visible:ring-error/20" : "border-border peer-focus-visible:ring-ring/20",
                 isChecked2 ? hasError ? "border-error" : "border-primary bg-primary" : "",
-                "peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-offset-2",
+                "peer-focus:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
                 disabled && "opacity-50 cursor-not-allowed",
                 !disabled && "hover:border-[var(--color-border-hover)]"
               ),
@@ -4058,7 +4058,7 @@ var init_ThemeToggle = __esm({
             "inline-flex items-center justify-center gap-2",
             "text-foreground",
             "hover:bg-muted border-[length:var(--border-width)] border-transparent hover:border-border",
-            "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             "transition-colors duration-fast",
             sizeClasses4[size],
             className
@@ -6957,10 +6957,12 @@ var init_Container = __esm({
     };
     paddingStyles3 = {
       none: "px-0",
-      sm: "px-4",
-      md: "px-6",
-      lg: "px-8",
-      xl: "px-12"
+      // Mobile-tighter, desktop-identical: fixed px-6 on a 360px phone eats ~13% of
+      // the viewport, so each token steps down below the sm breakpoint.
+      sm: "px-3 sm:px-4",
+      md: "px-4 sm:px-6",
+      lg: "px-4 sm:px-6 md:px-8",
+      xl: "px-4 sm:px-8 md:px-12"
     };
     Container = ({
       size,
@@ -7659,7 +7661,7 @@ var init_Accordion = __esm({
                 "bg-card",
                 "hover:bg-muted",
                 "transition-colors duration-fast",
-                "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-inset",
+                "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
                 isOpen && "bg-muted font-bold"
               ),
@@ -14263,7 +14265,7 @@ var init_Breadcrumb = __esm({
                   },
                   className: cn(
                     "flex items-center gap-1.5 transition-colors",
-                    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                    "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                     isLast ? "text-foreground font-bold cursor-default" : "text-muted-foreground hover:text-foreground"
                   ),
                   "aria-current": isLast ? "page" : void 0,
@@ -20866,7 +20868,7 @@ function DataGrid({
                           ] }, field.name);
                         }) })
                       ] }),
-                      dangerActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                      dangerActions.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-shrink-0", children: dangerActions.map((action, idx) => /* @__PURE__ */ jsx(
                         Button,
                         {
                           variant: "ghost",
@@ -20874,11 +20876,10 @@ function DataGrid({
                           onClick: handleActionClick(action, itemData),
                           "data-testid": `action-${action.event}`,
                           "data-row-id": String(itemData.id),
+                          "aria-label": action.label,
+                          title: action.label,
                           className: "text-error hover:text-error hover:bg-error/10 px-2",
-                          children: [
-                            action.icon && renderIconInput(action.icon, { size: "xs" }),
-                            action.label
-                          ]
+                          children: action.icon ? renderIconInput(action.icon, { size: "xs" }) : action.label
                         },
                         idx
                       )) })
@@ -22514,10 +22515,7 @@ var init_FileTree = __esm({
       className,
       indent = 16
     }) => {
-      const { t } = useTranslate();
-      if (tree.length === 0) {
-        return /* @__PURE__ */ jsx(Box, { className: `p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("fileTree.noFiles") }) });
-      }
+      if (tree.length === 0) return null;
       return /* @__PURE__ */ jsx(Box, { className: `py-1 overflow-y-auto ${className ?? ""}`, role: "tree", children: tree.map((node) => /* @__PURE__ */ jsx(
         TreeNodeItem,
         {
@@ -28840,7 +28838,7 @@ var init_NumberStepper = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 "aria-label": t("aria.decrease"),
@@ -28881,7 +28879,7 @@ var init_NumberStepper = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 "aria-label": t("aria.increase"),
@@ -29337,7 +29335,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.closeModal"),
                 children: /* @__PURE__ */ jsx(Icon, { name: "x", className: "w-6 h-6" })
@@ -29356,7 +29354,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.previousImage"),
                 children: /* @__PURE__ */ jsx(Icon, { name: "chevron-left", className: "w-8 h-8" })
@@ -29393,7 +29391,7 @@ var init_Lightbox = __esm({
                   "p-2 rounded-full",
                   "text-[var(--color-foreground)] bg-[var(--color-card)]",
                   "hover:bg-opacity-70 transition-opacity",
-                  "focus:outline-none focus:ring-2 focus:ring-ring"
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                 ),
                 "aria-label": t("aria.nextImage"),
                 children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", className: "w-8 h-8" })
@@ -29573,7 +29571,8 @@ function TableView({
         const cell = formatCell(asFieldValue(getNestedValue(row, col.field ?? col.key)), col.format);
         return Math.max(widest, cell.length);
       }, columnLabel(col).length);
-      return Math.min(longest, MAX_MEASURED_COL_CH);
+      const chrome = col.format === "badge" ? BADGE_CHROME_CH : 0;
+      return Math.min(longest + chrome, MAX_MEASURED_COL_CH);
     }),
     [colDefs, data]
   );
@@ -29663,7 +29662,7 @@ function TableView({
               col.className
             );
             if (col.format === "badge" && raw != null && raw !== "") {
-              return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx(Badge, { variant: statusVariant4(String(raw)), size: "sm", children: String(raw) }) }, col.key);
+              return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx(Badge, { variant: statusVariant4(String(raw)), size: "sm", className: "whitespace-nowrap", children: String(raw) }) }, col.key);
             }
             return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
           }),
@@ -29746,7 +29745,7 @@ function TableView({
     }
   );
 }
-var MAX_MEASURED_COL_CH, alignClass, weightClass, LOOKS;
+var MAX_MEASURED_COL_CH, BADGE_CHROME_CH, alignClass, weightClass, LOOKS;
 var init_TableView = __esm({
   "components/core/molecules/TableView.tsx"() {
     "use client";
@@ -29765,6 +29764,7 @@ var init_TableView = __esm({
     init_useDataDnd();
     createLogger("almadar:ui:table-view");
     MAX_MEASURED_COL_CH = 32;
+    BADGE_CHROME_CH = 4;
     alignClass = {
       left: "justify-start text-left",
       center: "justify-center text-center",
@@ -32000,7 +32000,7 @@ var init_VoteStack = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 children: /* @__PURE__ */ jsx(Icon, { name: "chevron-up", className: styles.icon })
@@ -32037,7 +32037,7 @@ var init_VoteStack = __esm({
                   "active:bg-muted",
                   "transition-colors duration-instant",
                   "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
-                  "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-inset",
+                  "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-inset",
                   styles.button
                 ),
                 children: /* @__PURE__ */ jsx(Icon, { name: "chevron-down", className: styles.icon })
@@ -32558,7 +32558,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 p-2 text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": isPaused ? t("qrScanner.resumeScanning") : t("qrScanner.pauseScanning"),
                       children: isPaused ? /* @__PURE__ */ jsx(Icon, { name: "play", className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Icon, { name: "pause", className: "h-4 w-4" })
@@ -32573,7 +32573,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 p-2 text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": currentFacing === "environment" ? t("qrScanner.switchToFrontCamera") : t("qrScanner.switchToRearCamera"),
                       children: /* @__PURE__ */ jsx(Icon, { name: "refresh-cw", className: "h-4 w-4" })
@@ -32588,7 +32588,7 @@ var init_QrScanner = __esm({
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
                         "rounded-full bg-black bg-opacity-60 px-3 py-2 text-xs text-white",
                         // eslint-disable-next-line almadar/no-hardcoded-colors -- media overlay: always over a dark scrim
-                        "hover:bg-opacity-80 focus:outline-none focus:ring-2 focus:ring-white"
+                        "hover:bg-opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-white"
                       ),
                       "aria-label": t("aria.mockScanDev"),
                       children: t("qrScanner.mockScan")
@@ -44627,7 +44627,7 @@ var init_TabbedContainer = __esm({
                       onClick: () => !isDisabled && handleTabChange(tab.id),
                       className: cn(
                         "flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors",
-                        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                        "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                         "disabled:opacity-50 disabled:cursor-not-allowed",
                         isActive ? "bg-primary text-primary-foreground" : "bg-card text-foreground hover:bg-muted",
                         isVertical ? "justify-start" : "justify-center"
@@ -48634,7 +48634,7 @@ var I18nContext = createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate115() {
+function useTranslate114() {
   return useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -48899,4 +48899,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate115 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate114 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };

package/dist/marketing/index.cjs

@@ -3548,7 +3548,7 @@ var Button = React12__namespace.default.forwardRef(
           "cursor-pointer",
           "chrome-button",
           "transition-all duration-normal",
-          "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
+          "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           variantStyles2[variant],
           sizeStyles[size],
@@ -3639,7 +3639,7 @@ var Badge = React12__namespace.default.forwardRef(
               },
               className: cn(
                 "inline-flex items-center justify-center rounded-sm",
-                "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                "hover:bg-foreground/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                 "transition-colors",
                 size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
               ),

package/dist/marketing/index.js

@@ -3527,7 +3527,7 @@ var Button = React12__default.forwardRef(
           "cursor-pointer",
           "chrome-button",
           "transition-all duration-normal",
-          "focus:outline-none focus:ring-[length:var(--focus-ring-width)] focus:ring-ring focus:ring-offset-[length:var(--focus-ring-offset)]",
+          "focus:outline-none focus-visible:ring-[length:var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-[length:var(--focus-ring-offset)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           variantStyles2[variant],
           sizeStyles[size],
@@ -3618,7 +3618,7 @@ var Badge = React12__default.forwardRef(
               },
               className: cn(
                 "inline-flex items-center justify-center rounded-sm",
-                "hover:bg-foreground/10 focus:outline-none focus:ring-1 focus:ring-ring",
+                "hover:bg-foreground/10 focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                 "transition-colors",
                 size === "sm" ? "w-4 h-4 ml-0.5" : size === "md" ? "w-5 h-5 ml-1" : "w-6 h-6 ml-1"
               ),