@almadar/ui 5.122.13 → 5.123.0

package/dist/marketing/index.cjs

@@ -2986,6 +2986,11 @@ var colorStyles = {
   inherit: "text-inherit"
 };
 var weightStyles = {
+  // Neutral: an atom default of "none" must not override the variant's baked
+  // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+  // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+  // clobbered every variant).
+  none: "",
   light: "font-light",
   normal: "font-normal",
   medium: "font-medium",
@@ -3011,6 +3016,7 @@ var defaultElements = {
   label: "span"
 };
 var typographySizeStyles = {
+  none: "",
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -3533,6 +3539,7 @@ var Button = React12__namespace.default.forwardRef(
       "button",
       {
         ref,
+        type: "button",
         disabled: disabled || isLoading,
         className: cn(
           "relative inline-flex items-center justify-center gap-2",

package/dist/marketing/index.js

@@ -2965,6 +2965,11 @@ var colorStyles = {
   inherit: "text-inherit"
 };
 var weightStyles = {
+  // Neutral: an atom default of "none" must not override the variant's baked
+  // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+  // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+  // clobbered every variant).
+  none: "",
   light: "font-light",
   normal: "font-normal",
   medium: "font-medium",
@@ -2990,6 +2995,7 @@ var defaultElements = {
   label: "span"
 };
 var typographySizeStyles = {
+  none: "",
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",
@@ -3512,6 +3518,7 @@ var Button = React12__default.forwardRef(
       "button",
       {
         ref,
+        type: "button",
         disabled: disabled || isLoading,
         className: cn(
           "relative inline-flex items-center justify-center gap-2",

package/dist/providers/index.cjs

@@ -62,6 +62,7 @@ var langPowershell = require('react-syntax-highlighter/dist/esm/languages/prism/
 var langMakefile = require('react-syntax-highlighter/dist/esm/languages/prism/makefile.js');
 var langNginx = require('react-syntax-highlighter/dist/esm/languages/prism/nginx.js');
 var langIni = require('react-syntax-highlighter/dist/esm/languages/prism/ini.js');
+var langClike = require('react-syntax-highlighter/dist/esm/languages/prism/clike.js');
 var ReactMarkdown = require('react-markdown');
 var remarkGfm = require('remark-gfm');
 var remarkMath = require('remark-math');
@@ -144,6 +145,7 @@ var langPowershell__default = /*#__PURE__*/_interopDefault(langPowershell);
 var langMakefile__default = /*#__PURE__*/_interopDefault(langMakefile);
 var langNginx__default = /*#__PURE__*/_interopDefault(langNginx);
 var langIni__default = /*#__PURE__*/_interopDefault(langIni);
+var langClike__default = /*#__PURE__*/_interopDefault(langClike);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
@@ -1162,6 +1164,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1255,6 +1258,11 @@ var init_Typography = __esm({
       inherit: "text-inherit"
     };
     weightStyles = {
+      // Neutral: an atom default of "none" must not override the variant's baked
+      // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+      // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+      // clobbered every variant).
+      none: "",
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
@@ -1280,6 +1288,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -14479,7 +14488,7 @@ async function loadPrismLanguage(lang) {
   if (isLanguageRegistered(lang)) return;
   try {
     const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
-    if (grammar) SyntaxHighlighter__default.default.registerLanguage(lang, grammar);
+    SyntaxHighlighter__default.default.registerLanguage(lang, grammar ?? langClike__default.default);
     dynamicallyLoaded.add(lang);
   } catch {
     dynamicallyLoaded.add(lang);
@@ -14648,6 +14657,7 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter__default.default.registerLanguage("make", langMakefile__default.default);
     SyntaxHighlighter__default.default.registerLanguage("nginx", langNginx__default.default);
     SyntaxHighlighter__default.default.registerLanguage("ini", langIni__default.default);
+    SyntaxHighlighter__default.default.registerLanguage("clike", langClike__default.default);
     SyntaxHighlighter__default.default.registerLanguage("orb", syntax.orbLanguage);
     SyntaxHighlighter__default.default.registerLanguage("lolo", syntax.loloLanguage);
     dynamicallyLoaded = /* @__PURE__ */ new Set();
@@ -15197,7 +15207,7 @@ var init_CodeBlock = __esm({
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
-        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
           hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
             HStack,
             {
@@ -23140,6 +23150,13 @@ function DataGrid({
       row: itemData
     };
     eventBus.emit(`UI:${action.event}`, payload);
+    if (action.navigatesTo) {
+      const url = action.navigatesTo.replace(
+        /\{\{row\.(\w+(?:\.\w+)*)\}\}/g,
+        (_, field) => String(itemData[field] ?? "")
+      );
+      eventBus.emit("UI:NAVIGATE", { url });
+    }
   };
   const hasRenderProp = typeof children === "function";
   React84.useEffect(() => {
@@ -23207,13 +23224,49 @@ function DataGrid({
             const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
             if (hasRenderProp) {
               return wrapDnd(
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsxs(
                   Box,
                   {
                     "data-entity-row": true,
                     "data-entity-id": id,
                     className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
-                    children: children(itemData, index)
+                    children: [
+                      children(itemData, index),
+                      actionDefs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", className: "justify-end", children: [
+                        (maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : actionDefs).map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          Button,
+                          {
+                            variant: action.variant === "primary" ? "primary" : "ghost",
+                            size: "sm",
+                            onClick: handleActionClick(action, itemData),
+                            "data-testid": `action-${action.event}`,
+                            "data-row-id": String(itemData.id),
+                            className: action.variant === "danger" ? "text-error hover:text-error hover:bg-error/10" : void 0,
+                            children: [
+                              action.icon && renderIconInput(action.icon, { size: "xs", className: "mr-1" }),
+                              action.label
+                            ]
+                          },
+                          idx
+                        )),
+                        maxInlineActions != null && actionDefs.length > maxInlineActions && /* @__PURE__ */ jsxRuntime.jsx(
+                          Menu,
+                          {
+                            position: "bottom-end",
+                            trigger: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                            items: actionDefs.slice(maxInlineActions).map((action) => ({
+                              label: action.label,
+                              icon: action.icon,
+                              event: action.event,
+                              onClick: () => eventBus.emit(`UI:${action.event}`, {
+                                id: itemData.id,
+                                row: itemData
+                              })
+                            }))
+                          }
+                        )
+                      ] }) })
+                    ]
                   },
                   id
                 )
@@ -24237,7 +24290,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -24274,14 +24329,18 @@ var init_FilterGroup = __esm({
             queryState.setFilter(field, value === "all" ? null : value);
           }
           onFilterChange?.(field, value === "all" ? null : value);
-          eventBus.emit("UI:FILTER", {
+          const payload = {
             entity,
             field,
             value: value === "all" || value === null ? "" : value,
             query
-          });
+          };
+          if (event && event !== "FILTER") {
+            eventBus.emit(`UI:${event}`, payload);
+          }
+          eventBus.emit("UI:FILTER", payload);
         },
-        [onFilterChange, queryState, eventBus, entity, query]
+        [onFilterChange, queryState, eventBus, entity, query, event]
       );
       const handleClearAll = React84.useCallback(() => {
         setSelectedValues({});
@@ -24289,8 +24348,11 @@ var init_FilterGroup = __esm({
           queryState.clearFilters();
         }
         onClearAll?.();
+        if (clearEvent && clearEvent !== "CLEAR_FILTERS") {
+          eventBus.emit(`UI:${clearEvent}`, { entity, query });
+        }
         eventBus.emit("UI:CLEAR_FILTERS", { entity, query });
-      }, [onClearAll, queryState, eventBus, entity, query]);
+      }, [onClearAll, queryState, eventBus, entity, query, clearEvent]);
       const activeFilterCount = Object.keys(selectedValues).length;
       if (variant === "pills") {
         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25418,7 +25480,7 @@ var init_SearchInput = __esm({
             queryState.setSearch(newValue);
           }
           onSearch?.(newValue);
-          if (event) {
+          if (event && event !== "SEARCH") {
             eventBus.emit(`UI:${event}`, { searchTerm: newValue, entity });
           }
           if (event || entity || query) {

package/dist/providers/index.d.cts

@@ -35,7 +35,7 @@ interface EventBusContextTypeExtended extends EventBusContextType {
 }
 declare const EventBusContext: React__default.Context<EventBusContextTypeExtended | null>;
 interface EventBusProviderProps {
-    children: ReactNode;
+    children?: ReactNode;
     /**
      * @deprecated No-op. Logging is now gated by `@almadar/logger` —
      * use `setLogLevel('DEBUG')` or `setNamespaceLevel('almadar:eventbus', 'DEBUG')`
@@ -288,7 +288,7 @@ type TraitScopeChain = readonly TraitScope[];
 interface TraitScopeProviderProps {
     orbital: string;
     trait: string;
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Wrap a trait's rendered subtree to qualify bare `UI:*` emits with the

package/dist/providers/index.d.ts

@@ -35,7 +35,7 @@ interface EventBusContextTypeExtended extends EventBusContextType {
 }
 declare const EventBusContext: React__default.Context<EventBusContextTypeExtended | null>;
 interface EventBusProviderProps {
-    children: ReactNode;
+    children?: ReactNode;
     /**
      * @deprecated No-op. Logging is now gated by `@almadar/logger` —
      * use `setLogLevel('DEBUG')` or `setNamespaceLevel('almadar:eventbus', 'DEBUG')`
@@ -288,7 +288,7 @@ type TraitScopeChain = readonly TraitScope[];
 interface TraitScopeProviderProps {
     orbital: string;
     trait: string;
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Wrap a trait's rendered subtree to qualify bare `UI:*` emits with the

package/dist/providers/index.js

@@ -63,6 +63,7 @@ import langPowershell from 'react-syntax-highlighter/dist/esm/languages/prism/po
 import langMakefile from 'react-syntax-highlighter/dist/esm/languages/prism/makefile.js';
 import langNginx from 'react-syntax-highlighter/dist/esm/languages/prism/nginx.js';
 import langIni from 'react-syntax-highlighter/dist/esm/languages/prism/ini.js';
+import langClike from 'react-syntax-highlighter/dist/esm/languages/prism/clike.js';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
@@ -1088,6 +1089,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1181,6 +1183,11 @@ var init_Typography = __esm({
       inherit: "text-inherit"
     };
     weightStyles = {
+      // Neutral: an atom default of "none" must not override the variant's baked
+      // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+      // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+      // clobbered every variant).
+      none: "",
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
@@ -1206,6 +1213,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -14405,7 +14413,7 @@ async function loadPrismLanguage(lang) {
   if (isLanguageRegistered(lang)) return;
   try {
     const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
-    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    SyntaxHighlighter.registerLanguage(lang, grammar ?? langClike);
     dynamicallyLoaded.add(lang);
   } catch {
     dynamicallyLoaded.add(lang);
@@ -14574,6 +14582,7 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("make", langMakefile);
     SyntaxHighlighter.registerLanguage("nginx", langNginx);
     SyntaxHighlighter.registerLanguage("ini", langIni);
+    SyntaxHighlighter.registerLanguage("clike", langClike);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
     dynamicallyLoaded = /* @__PURE__ */ new Set();
@@ -15123,7 +15132,7 @@ var init_CodeBlock = __esm({
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
-        return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+        return /* @__PURE__ */ jsxs(Box, { className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
           hasHeader && /* @__PURE__ */ jsxs(
             HStack,
             {
@@ -23066,6 +23075,13 @@ function DataGrid({
       row: itemData
     };
     eventBus.emit(`UI:${action.event}`, payload);
+    if (action.navigatesTo) {
+      const url = action.navigatesTo.replace(
+        /\{\{row\.(\w+(?:\.\w+)*)\}\}/g,
+        (_, field) => String(itemData[field] ?? "")
+      );
+      eventBus.emit("UI:NAVIGATE", { url });
+    }
   };
   const hasRenderProp = typeof children === "function";
   useEffect(() => {
@@ -23133,13 +23149,49 @@ function DataGrid({
             const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
             if (hasRenderProp) {
               return wrapDnd(
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   Box,
                   {
                     "data-entity-row": true,
                     "data-entity-id": id,
                     className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
-                    children: children(itemData, index)
+                    children: [
+                      children(itemData, index),
+                      actionDefs.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-end", children: [
+                        (maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : actionDefs).map((action, idx) => /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: action.variant === "primary" ? "primary" : "ghost",
+                            size: "sm",
+                            onClick: handleActionClick(action, itemData),
+                            "data-testid": `action-${action.event}`,
+                            "data-row-id": String(itemData.id),
+                            className: action.variant === "danger" ? "text-error hover:text-error hover:bg-error/10" : void 0,
+                            children: [
+                              action.icon && renderIconInput(action.icon, { size: "xs", className: "mr-1" }),
+                              action.label
+                            ]
+                          },
+                          idx
+                        )),
+                        maxInlineActions != null && actionDefs.length > maxInlineActions && /* @__PURE__ */ jsx(
+                          Menu,
+                          {
+                            position: "bottom-end",
+                            trigger: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                            items: actionDefs.slice(maxInlineActions).map((action) => ({
+                              label: action.label,
+                              icon: action.icon,
+                              event: action.event,
+                              onClick: () => eventBus.emit(`UI:${action.event}`, {
+                                id: itemData.id,
+                                row: itemData
+                              })
+                            }))
+                          }
+                        )
+                      ] }) })
+                    ]
                   },
                   id
                 )
@@ -24163,7 +24215,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = useTranslate();
       const eventBus = useEventBus();
@@ -24200,14 +24254,18 @@ var init_FilterGroup = __esm({
             queryState.setFilter(field, value === "all" ? null : value);
           }
           onFilterChange?.(field, value === "all" ? null : value);
-          eventBus.emit("UI:FILTER", {
+          const payload = {
             entity,
             field,
             value: value === "all" || value === null ? "" : value,
             query
-          });
+          };
+          if (event && event !== "FILTER") {
+            eventBus.emit(`UI:${event}`, payload);
+          }
+          eventBus.emit("UI:FILTER", payload);
         },
-        [onFilterChange, queryState, eventBus, entity, query]
+        [onFilterChange, queryState, eventBus, entity, query, event]
       );
       const handleClearAll = useCallback(() => {
         setSelectedValues({});
@@ -24215,8 +24273,11 @@ var init_FilterGroup = __esm({
           queryState.clearFilters();
         }
         onClearAll?.();
+        if (clearEvent && clearEvent !== "CLEAR_FILTERS") {
+          eventBus.emit(`UI:${clearEvent}`, { entity, query });
+        }
         eventBus.emit("UI:CLEAR_FILTERS", { entity, query });
-      }, [onClearAll, queryState, eventBus, entity, query]);
+      }, [onClearAll, queryState, eventBus, entity, query, clearEvent]);
       const activeFilterCount = Object.keys(selectedValues).length;
       if (variant === "pills") {
         return /* @__PURE__ */ jsxs(
@@ -25344,7 +25405,7 @@ var init_SearchInput = __esm({
             queryState.setSearch(newValue);
           }
           onSearch?.(newValue);
-          if (event) {
+          if (event && event !== "SEARCH") {
             eventBus.emit(`UI:${event}`, { searchTerm: newValue, entity });
           }
           if (event || entity || query) {