@almadar/ui 2.1.11 → 2.2.0

package/dist/{chunk-7NEWMNNU.js → chunk-3JGAROCW.js}

@@ -11,6 +11,8 @@ var DEFAULT_SLOTS = {
   toast: null,
   "hud-top": null,
   "hud-bottom": null,
+  "hud-left": null,
+  "hud-right": null,
   floating: null
 };
 var idCounter = 0;

package/dist/{chunk-6OACETQB.js → chunk-42WRQA7T.js}

@@ -1,5 +1,5 @@
 import { apiClient } from './chunk-3HJHHULT.js';
-import { SelectionContext, entityDataKeys, useEntityList } from './chunk-JLEMVREZ.js';
+import { SelectionContext, entityDataKeys, useEntityList } from './chunk-GOZKH7QW.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
 import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore } from 'react';
@@ -899,8 +899,8 @@ function useUIEvents(dispatch, validEvents, eventBusInstance) {
   const validEventsKey = validEvents ? validEvents.slice().sort().join(",") : "";
   const stableValidEvents = useMemo(
     () => validEvents,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [validEventsKey]
+    // intentional — validEventsKey is the stable dep, not validEvents array ref
   );
   useEffect(() => {
     const unsubscribes = [];

package/dist/{chunk-CTNDYHXY.js → chunk-CC3UOKHI.js}

@@ -1,5 +1,5 @@
-import { useTheme, useUISlots } from './chunk-BTXQJGFB.js';
-import { useTranslate, useQuerySingleton } from './chunk-JLEMVREZ.js';
+import { useTheme, useUISlots } from './chunk-DKQN5FVU.js';
+import { useTranslate, useQuerySingleton } from './chunk-GOZKH7QW.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
@@ -6641,8 +6641,7 @@ function DataTable({
         ] }),
         /* @__PURE__ */ jsx(Box, { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
           /* @__PURE__ */ jsx("thead", { className: "bg-[var(--color-table-header)] border-b-2 border-[var(--color-border)]", children: /* @__PURE__ */ jsxs("tr", { children: [
-            selectable && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-            /* @__PURE__ */ jsx("th", { className: "w-12 px-4 py-3", children: /* @__PURE__ */ jsx(
+            selectable && /* @__PURE__ */ jsx("th", { className: "w-12 px-4 py-3", children: /* @__PURE__ */ jsx(
               Checkbox,
               {
                 checked: allSelected,
@@ -6650,176 +6649,156 @@ function DataTable({
                 onChange: handleSelectAll
               }
             ) }),
-            normalizedColumns.map((col) => (
-              // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-              /* @__PURE__ */ jsx(
-                "th",
-                {
-                  "data-column": String(col.key),
-                  className: cn(
-                    "px-4 py-3 text-left text-xs font-bold text-[var(--color-foreground)] uppercase tracking-wider whitespace-nowrap",
-                    col.sortable && "cursor-pointer select-none hover:bg-[var(--color-table-row-hover)]"
-                  ),
-                  style: { width: col.width },
-                  onClick: () => col.sortable && handleSort(String(col.key)),
-                  children: /* @__PURE__ */ jsxs(HStack, { className: "items-center gap-1", children: [
-                    col.header,
-                    col.sortable && sortBy === col.key && (sortDirection === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }))
-                  ] })
-                },
-                String(col.key)
-              )
+            normalizedColumns.map((col) => /* @__PURE__ */ jsx(
+              "th",
+              {
+                "data-column": String(col.key),
+                className: cn(
+                  "px-4 py-3 text-left text-xs font-bold text-[var(--color-foreground)] uppercase tracking-wider whitespace-nowrap",
+                  col.sortable && "cursor-pointer select-none hover:bg-[var(--color-table-row-hover)]"
+                ),
+                style: { width: col.width },
+                onClick: () => col.sortable && handleSort(String(col.key)),
+                children: /* @__PURE__ */ jsxs(HStack, { className: "items-center gap-1", children: [
+                  col.header,
+                  col.sortable && sortBy === col.key && (sortDirection === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }))
+                ] })
+              },
+              String(col.key)
             )),
             rowActions && /* @__PURE__ */ jsx("th", { className: "w-12 px-4 py-3" })
           ] }) }),
-          /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: isLoading ? (
-            // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-            /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-              "td",
-              {
-                colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
-                className: "px-4 py-12 text-center",
-                children: /* @__PURE__ */ jsxs(VStack, { className: "items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Spinner, { size: "lg" }),
-                  /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      variant: "small",
-                      className: "text-[var(--color-muted-foreground)]",
-                      children: t("common.loading")
-                    }
-                  )
-                ] })
-              }
-            ) })
-          ) : error ? (
-            // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-            /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs(
-              "td",
-              {
-                colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
-                className: "px-4 py-12 text-center text-[var(--color-error)]",
-                children: [
-                  t("error.generic") + ": ",
-                  error.message
-                ]
-              }
-            ) })
-          ) : items.length === 0 ? (
-            // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-            /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-              "td",
-              {
-                colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
-                className: "px-4 py-12",
-                children: /* @__PURE__ */ jsx(
-                  EmptyState,
+          /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700", children: isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
+              className: "px-4 py-12 text-center",
+              children: /* @__PURE__ */ jsxs(VStack, { className: "items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Spinner, { size: "lg" }),
+                /* @__PURE__ */ jsx(
+                  Typography,
                   {
-                    icon: emptyIcon,
-                    title: resolvedEmptyTitle,
-                    description: resolvedEmptyDescription,
-                    actionLabel: emptyAction?.label,
-                    actionEvent: emptyAction?.event
+                    variant: "small",
+                    className: "text-[var(--color-muted-foreground)]",
+                    children: t("common.loading")
                   }
                 )
-              }
-            ) })
-          ) : items.map((row, rowIndex) => (
-            // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-            /* @__PURE__ */ jsxs(
-              "tr",
-              {
-                "data-entity-row": true,
-                className: cn(
-                  "border-b border-[var(--color-table-border)] last:border-0 hover:bg-[var(--color-table-row-hover)] transition-colors",
-                  selectedIds.includes(row.id) && "bg-[var(--color-primary)]/10 font-medium",
-                  isRowClickable && "cursor-pointer"
-                ),
-                onClick: () => isRowClickable && handleRowClick(row),
-                children: [
-                  selectable && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-                  /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
-                    Checkbox,
+              ] })
+            }
+          ) }) : error ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsxs(
+            "td",
+            {
+              colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
+              className: "px-4 py-12 text-center text-[var(--color-error)]",
+              children: [
+                t("error.generic") + ": ",
+                error.message
+              ]
+            }
+          ) }) : items.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+            "td",
+            {
+              colSpan: normalizedColumns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
+              className: "px-4 py-12",
+              children: /* @__PURE__ */ jsx(
+                EmptyState,
+                {
+                  icon: emptyIcon,
+                  title: resolvedEmptyTitle,
+                  description: resolvedEmptyDescription,
+                  actionLabel: emptyAction?.label,
+                  actionEvent: emptyAction?.event
+                }
+              )
+            }
+          ) }) : items.map((row, rowIndex) => /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              "data-entity-row": true,
+              className: cn(
+                "border-b border-[var(--color-table-border)] last:border-0 hover:bg-[var(--color-table-row-hover)] transition-colors",
+                selectedIds.includes(row.id) && "bg-[var(--color-primary)]/10 font-medium",
+                isRowClickable && "cursor-pointer"
+              ),
+              onClick: () => isRowClickable && handleRowClick(row),
+              children: [
+                selectable && /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selectedIds.includes(row.id),
+                    onChange: () => handleSelectRow(row.id)
+                  }
+                ) }),
+                normalizedColumns.map((col) => {
+                  const cellValue = getNestedValue(
+                    row,
+                    String(col.key)
+                  );
+                  return /* @__PURE__ */ jsx(
+                    "td",
+                    {
+                      "data-column": String(col.key),
+                      className: "px-4 py-3 text-sm text-[var(--color-foreground)] whitespace-nowrap sm:whitespace-normal",
+                      children: col.render ? col.render(cellValue, row, rowIndex) : String(cellValue ?? "")
+                    },
+                    String(col.key)
+                  );
+                }),
+                rowActions && /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 relative", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
                     {
-                      checked: selectedIds.includes(row.id),
-                      onChange: () => handleSelectRow(row.id)
+                      variant: "ghost",
+                      className: "p-1 rounded hover:bg-[var(--color-muted)]",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setOpenActionMenu(
+                          openActionMenu === row.id ? null : row.id
+                        );
+                      },
+                      children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4 text-[var(--color-muted-foreground)]" })
                     }
-                  ) }),
-                  normalizedColumns.map((col) => {
-                    const cellValue = getNestedValue(
-                      row,
-                      String(col.key)
-                    );
-                    return (
-                      // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-                      /* @__PURE__ */ jsx(
-                        "td",
-                        {
-                          "data-column": String(col.key),
-                          className: "px-4 py-3 text-sm text-[var(--color-foreground)] whitespace-nowrap sm:whitespace-normal",
-                          children: col.render ? col.render(cellValue, row, rowIndex) : String(cellValue ?? "")
-                        },
-                        String(col.key)
-                      )
-                    );
-                  }),
-                  rowActions && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements in DataTable
-                  /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 relative", children: [
+                  ),
+                  openActionMenu === row.id && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsx(
-                      Button,
+                      Box,
                       {
-                        variant: "ghost",
-                        className: "p-1 rounded hover:bg-[var(--color-muted)]",
+                        className: "fixed inset-0 z-40",
                         onClick: (e) => {
                           e.stopPropagation();
-                          setOpenActionMenu(
-                            openActionMenu === row.id ? null : row.id
-                          );
-                        },
-                        children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4 text-[var(--color-muted-foreground)]" })
+                          setOpenActionMenu(null);
+                        }
                       }
                     ),
-                    openActionMenu === row.id && /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        Box,
-                        {
-                          className: "fixed inset-0 z-40",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            setOpenActionMenu(null);
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(VStack, { className: "absolute right-0 mt-1 w-48 bg-[var(--color-card)] rounded-[var(--radius-lg)] shadow-[var(--shadow-lg)] border border-[var(--color-border)] py-1 z-50", children: rowActions.filter(
-                        (action) => !action.show || action.show(row)
-                      ).map((action, idx) => /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          variant: "ghost",
-                          "data-event": action.event,
-                          "data-testid": action.event ? `action-${action.event}` : void 0,
-                          className: cn(
-                            "w-full flex items-center gap-2 px-4 py-2 text-sm",
-                            action.variant === "danger" ? "text-[var(--color-error)] hover:bg-[var(--color-error)]/10" : "text-[var(--color-foreground)] hover:bg-[var(--color-muted)]"
-                          ),
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            action.onClick(row);
-                            setOpenActionMenu(null);
-                          },
-                          children: [
-                            action.icon && /* @__PURE__ */ jsx(action.icon, { className: "h-4 w-4" }),
-                            action.label
-                          ]
+                    /* @__PURE__ */ jsx(VStack, { className: "absolute right-0 mt-1 w-48 bg-[var(--color-card)] rounded-[var(--radius-lg)] shadow-[var(--shadow-lg)] border border-[var(--color-border)] py-1 z-50", children: (rowActions ?? []).filter(
+                      (action) => !action.show || action.show(row)
+                    ).map((action, idx) => /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: "ghost",
+                        "data-event": action.event,
+                        "data-testid": action.event ? `action-${action.event}` : void 0,
+                        className: cn(
+                          "w-full flex items-center gap-2 px-4 py-2 text-sm",
+                          action.variant === "danger" ? "text-[var(--color-error)] hover:bg-[var(--color-error)]/10" : "text-[var(--color-foreground)] hover:bg-[var(--color-muted)]"
+                        ),
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          action.onClick(row);
+                          setOpenActionMenu(null);
                         },
-                        idx
-                      )) })
-                    ] })
+                        children: [
+                          action.icon && /* @__PURE__ */ jsx(action.icon, { className: "h-4 w-4" }),
+                          action.label
+                        ]
+                      },
+                      idx
+                    )) })
                   ] })
-                ]
-              },
-              row.id
-            )
+                ] })
+              ]
+            },
+            row.id
           )) })
         ] }) }),
         totalCount !== void 0 && totalPages > 1 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 border-t-2 border-[var(--color-border)]", children: /* @__PURE__ */ jsx(
@@ -7057,16 +7036,13 @@ var PageHeader = ({
   return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
     breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React41__default.Fragment, { children: [
       idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
-      crumb.href ? (
-        // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic anchor with href
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: crumb.href,
-            className: "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]",
-            children: crumb.label
-          }
-        )
+      crumb.href ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: crumb.href,
+          className: "text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]",
+          children: crumb.label
+        }
       ) : /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-[var(--color-foreground)] font-medium", children: crumb.label })
     ] }, idx)) }) }),
     /* @__PURE__ */ jsxs(Box, { className: "flex items-start justify-between gap-4", children: [
@@ -7602,11 +7578,12 @@ var Form = ({
   const resolvedSubmitLabel = submitLabel ?? t("common.save");
   const resolvedCancelLabel = cancelLabel ?? t("common.cancel");
   const normalizedInitialData = initialData ?? {};
-  const entityName = typeof entity === "string" ? entity : entity?.name;
+  const resolvedEntity = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
   const entityDerivedFields = React41__default.useMemo(() => {
     if (fields && fields.length > 0) return void 0;
-    if (!entity || typeof entity === "string") return void 0;
-    return entity.fields.map(
+    if (!resolvedEntity) return void 0;
+    return resolvedEntity.fields.map(
       (f) => ({
         name: f.name,
         type: f.type,
@@ -7963,47 +7940,44 @@ var Form = ({
         );
     }
   }
-  return (
-    // eslint-disable-next-line almadar/no-raw-dom-elements -- native <form> needed for onSubmit semantics
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        className: cn(layoutStyles[layout], gapStyles5[gap], className),
-        onSubmit: handleSubmit,
-        ...props,
-        children: [
-          error && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
-          sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
-          schemaFields,
-          children,
-          (schemaFields && schemaFields.length > 0 || sectionElements && sectionElements.length > 0) && /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "pt-4", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "submit",
-                variant: "primary",
-                disabled: isLoading,
-                "data-event": submitEvent,
-                "data-testid": `action-${submitEvent}`,
-                children: isLoading ? t("form.saving") : resolvedSubmitLabel
-              }
-            ),
-            shouldShowCancel && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "secondary",
-                onClick: handleCancel,
-                disabled: isLoading,
-                "data-event": cancelEvent,
-                "data-testid": `action-${cancelEvent}`,
-                children: resolvedCancelLabel
-              }
-            )
-          ] })
-        ]
-      }
-    )
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn(layoutStyles[layout], gapStyles5[gap], className),
+      onSubmit: handleSubmit,
+      ...props,
+      children: [
+        error && /* @__PURE__ */ jsx(Alert, { variant: "error", className: "mb-4", children: error.message || t("error.occurred") }),
+        sectionElements && sectionElements.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: gap === "sm" ? "sm" : gap === "lg" ? "lg" : "md", children: sectionElements }),
+        schemaFields,
+        children,
+        (schemaFields && schemaFields.length > 0 || sectionElements && sectionElements.length > 0) && /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "pt-4", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              variant: "primary",
+              disabled: isLoading,
+              "data-event": submitEvent,
+              "data-testid": `action-${submitEvent}`,
+              children: isLoading ? t("form.saving") : resolvedSubmitLabel
+            }
+          ),
+          shouldShowCancel && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              onClick: handleCancel,
+              disabled: isLoading,
+              "data-event": cancelEvent,
+              "data-testid": `action-${cancelEvent}`,
+              children: resolvedCancelLabel
+            }
+          )
+        ] })
+      ]
+    }
   );
 };
 function formatDateValue(value) {
@@ -8408,19 +8382,16 @@ function LinkPattern({
       emit(`UI:${onClick}`, { href });
     }
   };
-  return (
-    // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic anchor with href
-    /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: href ?? "#",
-        target: external ? "_blank" : void 0,
-        rel: external ? "noopener noreferrer" : void 0,
-        onClick: onClick ? handleClick : void 0,
-        className,
-        children: label
-      }
-    )
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: href ?? "#",
+      target: external ? "_blank" : void 0,
+      rel: external ? "noopener noreferrer" : void 0,
+      onClick: onClick ? handleClick : void 0,
+      className,
+      children: label
+    }
   );
 }
 LinkPattern.displayName = "LinkPattern";
@@ -8491,19 +8462,16 @@ function ImagePattern({
   objectFit = "cover",
   className
 }) {
-  return (
-    // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic img with src/alt
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt,
-        width,
-        height,
-        className,
-        style: { objectFit }
-      }
-    )
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      style: { objectFit }
+    }
   );
 }
 ImagePattern.displayName = "ImagePattern";
@@ -8961,30 +8929,24 @@ function CustomPattern({
         }
       );
     case "a":
-      return (
-        // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic anchor with href
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: href ?? "#",
-            target: external ? "_blank" : void 0,
-            rel: external ? "noopener noreferrer" : void 0,
-            ...commonProps,
-            children: renderContent
-          }
-        )
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: href ?? "#",
+          target: external ? "_blank" : void 0,
+          rel: external ? "noopener noreferrer" : void 0,
+          ...commonProps,
+          children: renderContent
+        }
       );
     case "img":
-      return (
-        // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic img with src/alt
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src,
-            alt: alt ?? "",
-            ...commonProps
-          }
-        )
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: alt ?? "",
+          ...commonProps
+        }
       );
     case "input":
       return /* @__PURE__ */ jsx(

package/dist/{chunk-BTXQJGFB.js → chunk-DKQN5FVU.js}

@@ -1,4 +1,4 @@
-import { useUISlotManager } from './chunk-7NEWMNNU.js';
+import { useUISlotManager } from './chunk-3JGAROCW.js';
 import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-JLEMVREZ.js → chunk-GOZKH7QW.js}

@@ -1,12 +1,15 @@
 import { useEventBus } from './chunk-YXZM3WCF.js';
+import { en_default } from './chunk-TSETXL2E.js';
 import React2, { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
+var { $meta: _meta, ...coreMessages } = en_default;
+var coreLocale = coreMessages;
 var I18nContext = createContext({
   locale: "en",
   direction: "ltr",
-  t: (key) => key
-  // passthrough fallback
+  t: (key) => coreLocale[key] ?? key
+  // core locale fallback
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
@@ -15,7 +18,7 @@ function useTranslate() {
 }
 function createTranslate(messages) {
   return (key, params) => {
-    let msg = messages[key] ?? key;
+    let msg = messages[key] ?? coreLocale[key] ?? key;
     if (params) {
       for (const [k, v] of Object.entries(params)) {
         msg = msg.split(`{{${k}}}`).join(String(v));