@almadar/ui 5.122.13 → 5.123.0

package/dist/components/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');
@@ -145,6 +146,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);
@@ -1846,6 +1848,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -4012,6 +4015,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",
@@ -4037,6 +4045,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -10091,7 +10100,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);
@@ -10260,6 +10269,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();
@@ -10809,7 +10819,7 @@ var init_CodeBlock = __esm({
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
-        return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
           hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
             exports.HStack,
             {
@@ -20720,6 +20730,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";
   React74.useEffect(() => {
@@ -20787,13 +20804,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(
                   exports.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(exports.Box, { className: "px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", className: "justify-end", children: [
+                        (maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : actionDefs).map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          exports.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(
+                          exports.Menu,
+                          {
+                            position: "bottom-end",
+                            trigger: /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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
                 )
@@ -22659,7 +22712,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -22696,14 +22751,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 = React74.useCallback(() => {
         setSelectedValues({});
@@ -22711,8 +22770,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(
@@ -24090,7 +24152,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) {
@@ -47308,6 +47370,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log17.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);

package/dist/components/index.d.cts

@@ -1104,7 +1104,8 @@ declare const TextHighlight: React__default.FC<TextHighlightProps>;
  */
 
 type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "heading" | "subheading" | "body1" | "body2" | "body" | "caption" | "overline" | "small" | "large" | "label";
-type TypographySize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/** `none` = no size override — the variant's baked size applies. */
+type TypographySize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 interface TypographyProps {
     /** Typography variant */
     variant?: TypographyVariant;
@@ -1114,8 +1115,8 @@ interface TypographyProps {
     color?: "primary" | "secondary" | "muted" | "error" | "success" | "warning" | "inherit";
     /** Text alignment */
     align?: "left" | "center" | "right";
-    /** Font weight override */
-    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
+    /** Font weight override — `none` = no override, the variant's baked weight applies */
+    weight?: "none" | "light" | "normal" | "medium" | "semibold" | "bold";
     /** Font size override */
     size?: TypographySize;
     /** Truncate with ellipsis (single line) */
@@ -4005,6 +4006,10 @@ interface FilterGroupProps {
     isLoading?: boolean;
     /** Layer 2 visual treatment — orthogonal to the semantic variant. */
     look?: FilterGroupLook;
+    /** Declarative filter event — emits UI:{event} via eventBus on filter change (alongside canonical UI:FILTER) */
+    event?: EventKey;
+    /** Declarative clear event — emits UI:{clearEvent} via eventBus on clear-all (alongside canonical UI:CLEAR_FILTERS) */
+    clearEvent?: EventKey;
 }
 /**
  * FilterGroup - Renders filter controls for entity data
@@ -4683,11 +4688,8 @@ interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLI
      * Additional CSS classes
      */
     className?: string;
-    /**
-     * Event name to dispatch on search (schema metadata, wired by trait)
-     * This is metadata used by the trait generator, not by the component.
-     */
-    event?: string;
+    /** Declarative search event — emits UI:{event} via eventBus on query submit (alongside canonical UI:SEARCH) */
+    event?: EventKey;
     /**
      * Entity type for context-aware search.
      * When provided, search events include entity context.
@@ -6323,6 +6325,9 @@ interface DataGridItemAction {
     label: string;
     /** Event name to emit (dispatched as UI:{event} with { row: itemData }) */
     event: EventKey;
+    /** Route to navigate to instead of (or after) emitting — `{{row.field}}`
+     *  placeholders interpolate from the item row (CardGrid's contract). */
+    navigatesTo?: string;
     /** Lucide icon name or component */
     icon?: IconInput;
     /** Button variant */
@@ -6379,8 +6384,8 @@ interface DataGridProps extends DataDndProps {
     loadMoreEvent?: EventKey;
     /** Whether more items are available for infinite scroll */
     hasMore?: boolean;
-    /** Render prop for custom per-card content. When provided, `fields` and
-     *  `itemActions` are ignored. */
+    /** Render prop for custom per-card content. When provided, `fields` are
+     *  ignored; `itemActions` render as a footer beneath the custom content. */
     children?: (item: EntityRow, index: number) => React__default.ReactNode;
     /**
      * Per-item render function (schema-level alias for children render prop).

package/dist/components/index.d.ts

@@ -1104,7 +1104,8 @@ declare const TextHighlight: React__default.FC<TextHighlightProps>;
  */
 
 type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "heading" | "subheading" | "body1" | "body2" | "body" | "caption" | "overline" | "small" | "large" | "label";
-type TypographySize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/** `none` = no size override — the variant's baked size applies. */
+type TypographySize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
 interface TypographyProps {
     /** Typography variant */
     variant?: TypographyVariant;
@@ -1114,8 +1115,8 @@ interface TypographyProps {
     color?: "primary" | "secondary" | "muted" | "error" | "success" | "warning" | "inherit";
     /** Text alignment */
     align?: "left" | "center" | "right";
-    /** Font weight override */
-    weight?: "light" | "normal" | "medium" | "semibold" | "bold";
+    /** Font weight override — `none` = no override, the variant's baked weight applies */
+    weight?: "none" | "light" | "normal" | "medium" | "semibold" | "bold";
     /** Font size override */
     size?: TypographySize;
     /** Truncate with ellipsis (single line) */
@@ -4005,6 +4006,10 @@ interface FilterGroupProps {
     isLoading?: boolean;
     /** Layer 2 visual treatment — orthogonal to the semantic variant. */
     look?: FilterGroupLook;
+    /** Declarative filter event — emits UI:{event} via eventBus on filter change (alongside canonical UI:FILTER) */
+    event?: EventKey;
+    /** Declarative clear event — emits UI:{clearEvent} via eventBus on clear-all (alongside canonical UI:CLEAR_FILTERS) */
+    clearEvent?: EventKey;
 }
 /**
  * FilterGroup - Renders filter controls for entity data
@@ -4683,11 +4688,8 @@ interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLI
      * Additional CSS classes
      */
     className?: string;
-    /**
-     * Event name to dispatch on search (schema metadata, wired by trait)
-     * This is metadata used by the trait generator, not by the component.
-     */
-    event?: string;
+    /** Declarative search event — emits UI:{event} via eventBus on query submit (alongside canonical UI:SEARCH) */
+    event?: EventKey;
     /**
      * Entity type for context-aware search.
      * When provided, search events include entity context.
@@ -6323,6 +6325,9 @@ interface DataGridItemAction {
     label: string;
     /** Event name to emit (dispatched as UI:{event} with { row: itemData }) */
     event: EventKey;
+    /** Route to navigate to instead of (or after) emitting — `{{row.field}}`
+     *  placeholders interpolate from the item row (CardGrid's contract). */
+    navigatesTo?: string;
     /** Lucide icon name or component */
     icon?: IconInput;
     /** Button variant */
@@ -6379,8 +6384,8 @@ interface DataGridProps extends DataDndProps {
     loadMoreEvent?: EventKey;
     /** Whether more items are available for infinite scroll */
     hasMore?: boolean;
-    /** Render prop for custom per-card content. When provided, `fields` and
-     *  `itemActions` are ignored. */
+    /** Render prop for custom per-card content. When provided, `fields` are
+     *  ignored; `itemActions` render as a footer beneath the custom content. */
     children?: (item: EntityRow, index: number) => React__default.ReactNode;
     /**
      * Per-item render function (schema-level alias for children render prop).

package/dist/components/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';
@@ -1772,6 +1773,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -3938,6 +3940,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",
@@ -3963,6 +3970,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -10017,7 +10025,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);
@@ -10186,6 +10194,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();
@@ -10735,7 +10744,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,
             {
@@ -20646,6 +20655,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(() => {
@@ -20713,13 +20729,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
                 )
@@ -22585,7 +22637,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = useTranslate();
       const eventBus = useEventBus();
@@ -22622,14 +22676,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({});
@@ -22637,8 +22695,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(
@@ -24016,7 +24077,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) {
@@ -47234,6 +47295,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log17.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);

package/dist/context/index.cjs

@@ -164,6 +164,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);
@@ -622,6 +630,7 @@ var ThemeProvider = ({
     }
     const root = document.documentElement;
     root.setAttribute("data-theme", appliedTheme);
+    root.style.colorScheme = resolvedMode;
     root.classList.remove("light", "dark");
     root.classList.add(resolvedMode);
   }, [appliedTheme, resolvedMode, targetRef, isScoped]);

package/dist/context/index.js

@@ -162,6 +162,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);
@@ -620,6 +628,7 @@ var ThemeProvider = ({
     }
     const root = document.documentElement;
     root.setAttribute("data-theme", appliedTheme);
+    root.style.colorScheme = resolvedMode;
     root.classList.remove("light", "dark");
     root.classList.add(resolvedMode);
   }, [appliedTheme, resolvedMode, targetRef, isScoped]);

package/dist/hooks/index.cjs

@@ -1177,6 +1177,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log11.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);

package/dist/hooks/index.js

@@ -1175,6 +1175,14 @@ function useUISlotManager() {
           [sourceKey]: content
         };
         const nextAll = { ...prev, [config.target]: nextSources };
+        const priorWriters = Object.keys(slotSources);
+        if (priorWriters.length === 1 && priorWriters[0] !== sourceKey) {
+          log11.warn("slot:contention", {
+            slot: config.target,
+            writers: [priorWriters[0], sourceKey],
+            patternTypes: [slotSources[priorWriters[0]].pattern, content.pattern]
+          });
+        }
         if (content.sourceTrait) {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);

package/dist/lib/drawable/three/index.cjs

@@ -2823,6 +2823,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",
@@ -2848,6 +2853,7 @@ var defaultElements = {
   label: "span"
 };
 var typographySizeStyles = {
+  none: "",
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",

package/dist/lib/drawable/three/index.js

@@ -2799,6 +2799,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",
@@ -2824,6 +2829,7 @@ var defaultElements = {
   label: "span"
 };
 var typographySizeStyles = {
+  none: "",
   xs: "text-xs",
   sm: "text-sm",
   md: "text-base",