@almadar/ui 5.121.3 → 5.122.0

package/dist/marketing/index.cjs

@@ -2508,9 +2508,11 @@ function cn(...inputs) {
 logger.createLogger("almadar:eventbus");
 logger.createLogger("almadar:eventbus:subscribe");
 var EventBusContext = React12.createContext(null);
+var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = React12.createContext(null);
-function useTraitScope() {
-  return React12.useContext(TraitScopeContext);
+function useTraitScopeChain() {
+  const chain = React12.useContext(TraitScopeContext);
+  return chain ?? EMPTY_CHAIN;
 }
 var log = logger.createLogger("almadar:eventbus");
 var subLog2 = logger.createLogger("almadar:eventbus:subscribe");
@@ -2588,9 +2590,9 @@ var fallbackEventBus = {
 function useEventBus() {
   const context = React12.useContext(EventBusContext);
   const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
-  const scope = useTraitScope();
+  const chain = useTraitScopeChain();
   return React12.useMemo(() => {
-    if (!scope) {
+    if (chain.length === 0) {
       return {
         ...baseBus,
         emit: (type, payload, source) => {
@@ -2606,22 +2608,31 @@ function useEventBus() {
       emit: (type, payload, source) => {
         if (typeof type === "string" && type.startsWith("UI:")) {
           const tail = type.slice(3);
-          const qualified = tail.includes(".") ? type : `UI:${scope.orbital}.${scope.trait}.${tail}`;
-          if (qualified !== type) {
-            scopeLog.info("emit:qualified", {
+          const isQualified = tail.includes(".");
+          const event = isQualified ? tail.split(".").slice(2).join(".") : tail;
+          if (!event) {
+            baseBus.emit(type, payload, source);
+            return;
+          }
+          const keys = /* @__PURE__ */ new Set();
+          if (isQualified) keys.add(type);
+          for (const sc of chain) {
+            keys.add(`UI:${sc.orbital}.${sc.trait}.${event}`);
+          }
+          if (keys.size > 1) {
+            scopeLog.info("emit:fan-out", {
               from: type,
-              to: qualified,
-              scopeOrbital: scope.orbital,
-              scopeTrait: scope.trait
+              keys: Array.from(keys),
+              chainDepth: chain.length
             });
           }
-          baseBus.emit(qualified, payload, source);
+          for (const key of keys) baseBus.emit(key, payload, source);
           return;
         }
         baseBus.emit(type, payload, source);
       }
     };
-  }, [baseBus, scope]);
+  }, [baseBus, chain]);
 }
 function useTapReveal(options = {}) {
   const { onReveal, onDismiss, refs, enabled = true } = options;
@@ -3218,13 +3229,13 @@ var Icon = ({
   style
 }) => {
   const directIcon = typeof icon === "string" ? void 0 : icon;
-  const effectiveName = typeof icon === "string" ? icon : name;
+  const effectiveName = typeof icon === "string" && icon !== "" ? icon : name;
+  const effectiveStrokeWidth = strokeWidth != null && strokeWidth > 0 ? strokeWidth : void 0;
   const family = useIconFamily();
   const RenderedComponent = React12__namespace.default.useMemo(() => {
     if (directIcon) return null;
     return effectiveName ? resolveIconForFamily(effectiveName) : null;
   }, [directIcon, effectiveName, family]);
-  const effectiveStrokeWidth = strokeWidth ?? void 0;
   const inlineStyle = {
     ...effectiveStrokeWidth === void 0 ? { strokeWidth: "var(--icon-stroke-width, 2)" } : {},
     ...style
@@ -3528,7 +3539,8 @@ var Button = React12__namespace.default.forwardRef(
           "font-medium",
           "rounded-sm",
           "cursor-pointer",
-          "transition-all duration-[var(--transition-normal)]",
+          "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)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           variantStyles2[variant],
@@ -3673,21 +3685,21 @@ var variantStyles4 = {
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow-elevation-card",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   bordered: [
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow-elevation-card",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   elevated: [
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   // Interactive variant with theme-specific hover effects
@@ -3696,7 +3708,7 @@ var variantStyles4 = {
     "border-[length:var(--border-width)] border-border",
     "shadow",
     "cursor-pointer",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog"
   ].join(" ")
 };
@@ -3747,7 +3759,8 @@ var Card = React12__namespace.default.forwardRef(
         ref,
         className: cn(
           "rounded-container relative",
-          "transition-all duration-[var(--transition-normal)]",
+          "transition-all duration-normal",
+          "chrome-panel",
           variantStyles4[variant],
           paddingStyles2[padding],
           lookStyles[look],
@@ -5099,6 +5112,10 @@ var AnimatedCounter = ({
       setDisplayValue(String(value));
       return;
     }
+    if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+      setDisplayValue(String(value));
+      return;
+    }
     const startTime = performance.now();
     const tick = (now) => {
       const elapsed = now - startTime;

package/dist/marketing/index.js

@@ -2487,9 +2487,11 @@ function cn(...inputs) {
 createLogger("almadar:eventbus");
 createLogger("almadar:eventbus:subscribe");
 var EventBusContext = createContext(null);
+var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = createContext(null);
-function useTraitScope() {
-  return useContext(TraitScopeContext);
+function useTraitScopeChain() {
+  const chain = useContext(TraitScopeContext);
+  return chain ?? EMPTY_CHAIN;
 }
 var log = createLogger("almadar:eventbus");
 var subLog2 = createLogger("almadar:eventbus:subscribe");
@@ -2567,9 +2569,9 @@ var fallbackEventBus = {
 function useEventBus() {
   const context = useContext(EventBusContext);
   const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
-  const scope = useTraitScope();
+  const chain = useTraitScopeChain();
   return useMemo(() => {
-    if (!scope) {
+    if (chain.length === 0) {
       return {
         ...baseBus,
         emit: (type, payload, source) => {
@@ -2585,22 +2587,31 @@ function useEventBus() {
       emit: (type, payload, source) => {
         if (typeof type === "string" && type.startsWith("UI:")) {
           const tail = type.slice(3);
-          const qualified = tail.includes(".") ? type : `UI:${scope.orbital}.${scope.trait}.${tail}`;
-          if (qualified !== type) {
-            scopeLog.info("emit:qualified", {
+          const isQualified = tail.includes(".");
+          const event = isQualified ? tail.split(".").slice(2).join(".") : tail;
+          if (!event) {
+            baseBus.emit(type, payload, source);
+            return;
+          }
+          const keys = /* @__PURE__ */ new Set();
+          if (isQualified) keys.add(type);
+          for (const sc of chain) {
+            keys.add(`UI:${sc.orbital}.${sc.trait}.${event}`);
+          }
+          if (keys.size > 1) {
+            scopeLog.info("emit:fan-out", {
               from: type,
-              to: qualified,
-              scopeOrbital: scope.orbital,
-              scopeTrait: scope.trait
+              keys: Array.from(keys),
+              chainDepth: chain.length
             });
           }
-          baseBus.emit(qualified, payload, source);
+          for (const key of keys) baseBus.emit(key, payload, source);
           return;
         }
         baseBus.emit(type, payload, source);
       }
     };
-  }, [baseBus, scope]);
+  }, [baseBus, chain]);
 }
 function useTapReveal(options = {}) {
   const { onReveal, onDismiss, refs, enabled = true } = options;
@@ -3197,13 +3208,13 @@ var Icon = ({
   style
 }) => {
   const directIcon = typeof icon === "string" ? void 0 : icon;
-  const effectiveName = typeof icon === "string" ? icon : name;
+  const effectiveName = typeof icon === "string" && icon !== "" ? icon : name;
+  const effectiveStrokeWidth = strokeWidth != null && strokeWidth > 0 ? strokeWidth : void 0;
   const family = useIconFamily();
   const RenderedComponent = React12__default.useMemo(() => {
     if (directIcon) return null;
     return effectiveName ? resolveIconForFamily(effectiveName) : null;
   }, [directIcon, effectiveName, family]);
-  const effectiveStrokeWidth = strokeWidth ?? void 0;
   const inlineStyle = {
     ...effectiveStrokeWidth === void 0 ? { strokeWidth: "var(--icon-stroke-width, 2)" } : {},
     ...style
@@ -3507,7 +3518,8 @@ var Button = React12__default.forwardRef(
           "font-medium",
           "rounded-sm",
           "cursor-pointer",
-          "transition-all duration-[var(--transition-normal)]",
+          "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)]",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           variantStyles2[variant],
@@ -3652,21 +3664,21 @@ var variantStyles4 = {
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow-elevation-card",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   bordered: [
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow-elevation-card",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   elevated: [
     "bg-card",
     "border-[length:var(--border-width)] border-border",
     "shadow",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog hover:translate-y-[var(--hover-translate-y)]"
   ].join(" "),
   // Interactive variant with theme-specific hover effects
@@ -3675,7 +3687,7 @@ var variantStyles4 = {
     "border-[length:var(--border-width)] border-border",
     "shadow",
     "cursor-pointer",
-    "transition-all duration-[var(--transition-normal)]",
+    "transition-all duration-normal",
     "hover:shadow-elevation-dialog"
   ].join(" ")
 };
@@ -3726,7 +3738,8 @@ var Card = React12__default.forwardRef(
         ref,
         className: cn(
           "rounded-container relative",
-          "transition-all duration-[var(--transition-normal)]",
+          "transition-all duration-normal",
+          "chrome-panel",
           variantStyles4[variant],
           paddingStyles2[padding],
           lookStyles[look],
@@ -5078,6 +5091,10 @@ var AnimatedCounter = ({
       setDisplayValue(String(value));
       return;
     }
+    if (window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
+      setDisplayValue(String(value));
+      return;
+    }
     const startTime = performance.now();
     const tick = (now) => {
       const elapsed = now - startTime;