@almadar/ui 5.22.2 → 5.23.0

package/dist/components/core/molecules/PropertyInspector.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { DeclaredTraitConfig, TraitConfig, TraitConfigValue } from '@almadar/core';
+import type { DisplayStateProps } from '../organisms/types';
+/**
+ * PropertyInspector — Storybook-style controls panel for a trait's `config`.
+ *
+ * Derives one control per declared config field directly from the schema
+ * (`@almadar/core` `DeclaredTraitConfig`): `boolean → Switch`, `string` with
+ * `values → Select`, `number → numeric Input`, `string → Input`. Non-scalar
+ * fields (array/object/node/SExpr) are shown read-only. Fields group + collapse
+ * by `@tier`. The component is controlled — it emits `onChange(field, value)`;
+ * text/number commit on blur (so the host can re-render without hammering it).
+ */
+export interface PropertyInspectorProps extends DisplayStateProps {
+    /** The trait's declared config schema (field name → declaration). */
+    config: DeclaredTraitConfig;
+    /** Current override values keyed by field name (falls back to each field's `default`). */
+    values?: TraitConfig;
+    /** Fired when a control commits a new value. */
+    onChange: (field: string, value: TraitConfigValue) => void;
+    /** Optional reset-to-defaults handler. */
+    onReset?: () => void;
+    /** Panel heading (e.g. the trait name). */
+    title?: string;
+}
+export declare const PropertyInspector: React.FC<PropertyInspectorProps>;

package/dist/components/core/molecules/index.d.ts

@@ -106,6 +106,7 @@ export { BehaviorView, type BehaviorViewProps } from '../../avl/molecules/Behavi
 export { ModuleCard, type ModuleCardProps } from '../../avl/molecules/ModuleCard';
 export { PageHeader, type PageHeaderProps, type PageBreadcrumb, } from "./PageHeader";
 export { FormSection, FormLayout, FormActions, type FormSectionProps, type FormLayoutProps, type FormActionsProps, } from "./FormSection";
+export { PropertyInspector, type PropertyInspectorProps } from "./PropertyInspector";
 export { Header, type HeaderProps } from "./Header";
 export { Navigation, type NavigationProps, type NavigationItem, } from "./Navigation";
 export { Section, type SectionProps } from "./Section";

package/dist/components/index.cjs

@@ -35061,6 +35061,127 @@ var init_FormSection = __esm({
     exports.FormActions.displayName = "FormActions";
   }
 });
+function currentValue(decl, override) {
+  return override !== void 0 ? override : decl.default;
+}
+function TextLikeControl({
+  field,
+  numeric,
+  value,
+  onCommit
+}) {
+  const initial = value === void 0 || value === null ? "" : String(value);
+  const [draft, setDraft] = React80__namespace.default.useState(initial);
+  React80__namespace.default.useEffect(() => setDraft(initial), [initial]);
+  const commit = () => {
+    if (numeric) {
+      const n = draft.trim() === "" ? 0 : Number(draft);
+      onCommit(field, Number.isNaN(n) ? 0 : n);
+    } else {
+      onCommit(field, draft);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    exports.Input,
+    {
+      inputType: numeric ? "number" : "text",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") commit();
+      }
+    }
+  );
+}
+function FieldControl({
+  name,
+  decl,
+  value,
+  onChange
+}) {
+  let control;
+  if (decl.type === "boolean") {
+    control = /* @__PURE__ */ jsxRuntime.jsx(exports.Switch, { checked: value === true, onChange: (c) => onChange(name, c) });
+  } else if (decl.type === "string" && decl.values !== void 0 && decl.values.length > 0) {
+    control = /* @__PURE__ */ jsxRuntime.jsx(
+      exports.Select,
+      {
+        options: decl.values.map((v) => ({ value: v, label: v })),
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(name, e.target.value)
+      }
+    );
+  } else if (decl.type === "number") {
+    control = /* @__PURE__ */ jsxRuntime.jsx(TextLikeControl, { field: name, numeric: true, value, onCommit: onChange });
+  } else if (decl.type === "string") {
+    control = /* @__PURE__ */ jsxRuntime.jsx(TextLikeControl, { field: name, numeric: false, value, onCommit: onChange });
+  } else {
+    control = /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", color: "muted", children: [
+      decl.type,
+      " \u2014 edit in source"
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "label", children: decl.label ?? name }),
+    control,
+    decl.description !== void 0 && decl.description !== "" && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: decl.description })
+  ] });
+}
+var TIER_ORDER; exports.PropertyInspector = void 0;
+var init_PropertyInspector = __esm({
+  "components/core/molecules/PropertyInspector.tsx"() {
+    "use client";
+    init_cn();
+    init_Stack();
+    init_Typography();
+    init_Button();
+    init_Switch();
+    init_Select();
+    init_Input();
+    init_FormSection();
+    TIER_ORDER = ["presentation", "domain", "policy", "infra", "internal"];
+    exports.PropertyInspector = ({
+      config,
+      values,
+      onChange,
+      onReset,
+      title,
+      className
+    }) => {
+      const fields = Object.entries(config);
+      const byTier = /* @__PURE__ */ new Map();
+      for (const [name, decl] of fields) {
+        const tier = decl.tier ?? "presentation";
+        const arr = byTier.get(tier) ?? [];
+        arr.push([name, decl]);
+        byTier.set(tier, arr);
+      }
+      const tiers = [...byTier.keys()].sort((a, b) => {
+        const ia = TIER_ORDER.indexOf(a);
+        const ib = TIER_ORDER.indexOf(b);
+        return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib);
+      });
+      return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", className: cn("w-full", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { justify: "between", align: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", weight: "bold", children: title ?? "Config" }),
+          onReset !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "ghost", size: "sm", icon: "rotate-ccw", label: "Reset", onClick: onReset })
+        ] }),
+        fields.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "muted", children: "No configurable properties." }),
+        tiers.map((tier) => /* @__PURE__ */ jsxRuntime.jsx(exports.FormSection, { title: tier, collapsible: true, defaultCollapsed: tier !== "presentation", children: /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "sm", children: byTier.get(tier)?.map(([name, decl]) => /* @__PURE__ */ jsxRuntime.jsx(
+          FieldControl,
+          {
+            name,
+            decl,
+            value: currentValue(decl, values?.[name]),
+            onChange
+          },
+          name
+        )) }) }, tier))
+      ] });
+    };
+  }
+});
 var lookStyles8; exports.Header = void 0;
 var init_Header = __esm({
   "components/core/molecules/Header.tsx"() {
@@ -37026,6 +37147,7 @@ var init_molecules2 = __esm({
     init_ModuleCard();
     init_PageHeader();
     init_FormSection();
+    init_PropertyInspector();
     init_Header();
     init_Navigation();
     init_Section();
@@ -39447,13 +39569,13 @@ var init_Form = __esm({
           }
           const inputType = determineInputType(field);
           const label = field.label || fieldName.charAt(0).toUpperCase() + fieldName.slice(1).replace(/([A-Z])/g, " $1");
-          const currentValue = formData[fieldName] ?? field.defaultValue ?? "";
+          const currentValue2 = formData[fieldName] ?? field.defaultValue ?? "";
           return /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", "data-field": fieldName, children: [
             inputType !== "checkbox" && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { as: "label", variant: "label", weight: "bold", children: [
               label,
               field.required && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { as: "span", color: "error", className: "ml-1", children: "*" })
             ] }),
-            renderFieldInput(field, fieldName, inputType, currentValue, label)
+            renderFieldInput(field, fieldName, inputType, currentValue2, label)
           ] }, fieldName);
         },
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
@@ -39528,7 +39650,7 @@ var init_Form = __esm({
           ] }, section.id);
         }).filter(Boolean);
       }, [sections, isSectionVisible, collapsedSections, renderField, gap]);
-      function renderFieldInput(field, fieldName, inputType, currentValue, label) {
+      function renderFieldInput(field, fieldName, inputType, currentValue2, label) {
         const commonProps = {
           id: fieldName,
           name: fieldName,
@@ -39545,7 +39667,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 label: label + (field.required ? " *" : ""),
-                checked: Boolean(currentValue),
+                checked: Boolean(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.checked)
               }
             );
@@ -39554,7 +39676,7 @@ var init_Form = __esm({
               exports.Textarea,
               {
                 ...commonProps,
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39567,7 +39689,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 options,
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 placeholder: field.placeholder || `Select ${label}...`
               }
@@ -39580,7 +39702,7 @@ var init_Form = __esm({
               exports.RelationSelect,
               {
                 ...commonProps,
-                value: currentValue ? String(currentValue) : void 0,
+                value: currentValue2 ? String(currentValue2) : void 0,
                 onChange: (value) => handleChange(fieldName, value),
                 options: relationOptions,
                 isLoading: relationLoading,
@@ -39596,7 +39718,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "number",
-                value: currentValue !== void 0 && currentValue !== "" ? String(currentValue) : "",
+                value: currentValue2 !== void 0 && currentValue2 !== "" ? String(currentValue2) : "",
                 onChange: (e) => handleChange(
                   fieldName,
                   e.target.value ? Number(e.target.value) : void 0
@@ -39611,7 +39733,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "date",
-                value: formatDateValue(currentValue),
+                value: formatDateValue(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value)
               }
             );
@@ -39621,7 +39743,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "datetime-local",
-                value: formatDateTimeValue(currentValue),
+                value: formatDateTimeValue(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value)
               }
             );
@@ -39631,7 +39753,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "email",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39643,7 +39765,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "url",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39655,7 +39777,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "password",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39668,7 +39790,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "text",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -44869,7 +44991,7 @@ var init_StatCard = __esm({
       title: propTitle,
       value: propValue,
       previousValue,
-      currentValue,
+      currentValue: currentValue2,
       trend: manualTrend,
       trendDirection: manualDirection,
       invertTrend = false,
@@ -44950,11 +45072,11 @@ var init_StatCard = __esm({
       }, [metrics, data, computeMetricValue]);
       const calculatedTrend = React80__namespace.default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
-        if (previousValue === void 0 || currentValue === void 0)
+        if (previousValue === void 0 || currentValue2 === void 0)
           return void 0;
-        if (previousValue === 0) return currentValue > 0 ? 100 : 0;
-        return (currentValue - previousValue) / previousValue * 100;
-      }, [manualTrend, previousValue, currentValue]);
+        if (previousValue === 0) return currentValue2 > 0 ? 100 : 0;
+        return (currentValue2 - previousValue) / previousValue * 100;
+      }, [manualTrend, previousValue, currentValue2]);
       if (schemaStats && schemaStats.length > 1) {
         if (isLoading) {
           return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/index.js

@@ -35013,6 +35013,127 @@ var init_FormSection = __esm({
     FormActions.displayName = "FormActions";
   }
 });
+function currentValue(decl, override) {
+  return override !== void 0 ? override : decl.default;
+}
+function TextLikeControl({
+  field,
+  numeric,
+  value,
+  onCommit
+}) {
+  const initial = value === void 0 || value === null ? "" : String(value);
+  const [draft, setDraft] = React80__default.useState(initial);
+  React80__default.useEffect(() => setDraft(initial), [initial]);
+  const commit = () => {
+    if (numeric) {
+      const n = draft.trim() === "" ? 0 : Number(draft);
+      onCommit(field, Number.isNaN(n) ? 0 : n);
+    } else {
+      onCommit(field, draft);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      inputType: numeric ? "number" : "text",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") commit();
+      }
+    }
+  );
+}
+function FieldControl({
+  name,
+  decl,
+  value,
+  onChange
+}) {
+  let control;
+  if (decl.type === "boolean") {
+    control = /* @__PURE__ */ jsx(Switch, { checked: value === true, onChange: (c) => onChange(name, c) });
+  } else if (decl.type === "string" && decl.values !== void 0 && decl.values.length > 0) {
+    control = /* @__PURE__ */ jsx(
+      Select,
+      {
+        options: decl.values.map((v) => ({ value: v, label: v })),
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onChange(name, e.target.value)
+      }
+    );
+  } else if (decl.type === "number") {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: true, value, onCommit: onChange });
+  } else if (decl.type === "string") {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: false, value, onCommit: onChange });
+  } else {
+    control = /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", children: [
+      decl.type,
+      " \u2014 edit in source"
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "label", children: decl.label ?? name }),
+    control,
+    decl.description !== void 0 && decl.description !== "" && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: decl.description })
+  ] });
+}
+var TIER_ORDER, PropertyInspector;
+var init_PropertyInspector = __esm({
+  "components/core/molecules/PropertyInspector.tsx"() {
+    "use client";
+    init_cn();
+    init_Stack();
+    init_Typography();
+    init_Button();
+    init_Switch();
+    init_Select();
+    init_Input();
+    init_FormSection();
+    TIER_ORDER = ["presentation", "domain", "policy", "infra", "internal"];
+    PropertyInspector = ({
+      config,
+      values,
+      onChange,
+      onReset,
+      title,
+      className
+    }) => {
+      const fields = Object.entries(config);
+      const byTier = /* @__PURE__ */ new Map();
+      for (const [name, decl] of fields) {
+        const tier = decl.tier ?? "presentation";
+        const arr = byTier.get(tier) ?? [];
+        arr.push([name, decl]);
+        byTier.set(tier, arr);
+      }
+      const tiers = [...byTier.keys()].sort((a, b) => {
+        const ia = TIER_ORDER.indexOf(a);
+        const ib = TIER_ORDER.indexOf(b);
+        return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib);
+      });
+      return /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: cn("w-full", className), children: [
+        /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "bold", children: title ?? "Config" }),
+          onReset !== void 0 && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", icon: "rotate-ccw", label: "Reset", onClick: onReset })
+        ] }),
+        fields.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: "No configurable properties." }),
+        tiers.map((tier) => /* @__PURE__ */ jsx(FormSection, { title: tier, collapsible: true, defaultCollapsed: tier !== "presentation", children: /* @__PURE__ */ jsx(VStack, { gap: "sm", children: byTier.get(tier)?.map(([name, decl]) => /* @__PURE__ */ jsx(
+          FieldControl,
+          {
+            name,
+            decl,
+            value: currentValue(decl, values?.[name]),
+            onChange
+          },
+          name
+        )) }) }, tier))
+      ] });
+    };
+  }
+});
 var lookStyles8, Header;
 var init_Header = __esm({
   "components/core/molecules/Header.tsx"() {
@@ -36978,6 +37099,7 @@ var init_molecules2 = __esm({
     init_ModuleCard();
     init_PageHeader();
     init_FormSection();
+    init_PropertyInspector();
     init_Header();
     init_Navigation();
     init_Section();
@@ -39399,13 +39521,13 @@ var init_Form = __esm({
           }
           const inputType = determineInputType(field);
           const label = field.label || fieldName.charAt(0).toUpperCase() + fieldName.slice(1).replace(/([A-Z])/g, " $1");
-          const currentValue = formData[fieldName] ?? field.defaultValue ?? "";
+          const currentValue2 = formData[fieldName] ?? field.defaultValue ?? "";
           return /* @__PURE__ */ jsxs(VStack, { gap: "xs", "data-field": fieldName, children: [
             inputType !== "checkbox" && /* @__PURE__ */ jsxs(Typography, { as: "label", variant: "label", weight: "bold", children: [
               label,
               field.required && /* @__PURE__ */ jsx(Typography, { as: "span", color: "error", className: "ml-1", children: "*" })
             ] }),
-            renderFieldInput(field, fieldName, inputType, currentValue, label)
+            renderFieldInput(field, fieldName, inputType, currentValue2, label)
           ] }, fieldName);
         },
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
@@ -39480,7 +39602,7 @@ var init_Form = __esm({
           ] }, section.id);
         }).filter(Boolean);
       }, [sections, isSectionVisible, collapsedSections, renderField, gap]);
-      function renderFieldInput(field, fieldName, inputType, currentValue, label) {
+      function renderFieldInput(field, fieldName, inputType, currentValue2, label) {
         const commonProps = {
           id: fieldName,
           name: fieldName,
@@ -39497,7 +39619,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 label: label + (field.required ? " *" : ""),
-                checked: Boolean(currentValue),
+                checked: Boolean(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.checked)
               }
             );
@@ -39506,7 +39628,7 @@ var init_Form = __esm({
               Textarea,
               {
                 ...commonProps,
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39519,7 +39641,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 options,
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 placeholder: field.placeholder || `Select ${label}...`
               }
@@ -39532,7 +39654,7 @@ var init_Form = __esm({
               RelationSelect,
               {
                 ...commonProps,
-                value: currentValue ? String(currentValue) : void 0,
+                value: currentValue2 ? String(currentValue2) : void 0,
                 onChange: (value) => handleChange(fieldName, value),
                 options: relationOptions,
                 isLoading: relationLoading,
@@ -39548,7 +39670,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "number",
-                value: currentValue !== void 0 && currentValue !== "" ? String(currentValue) : "",
+                value: currentValue2 !== void 0 && currentValue2 !== "" ? String(currentValue2) : "",
                 onChange: (e) => handleChange(
                   fieldName,
                   e.target.value ? Number(e.target.value) : void 0
@@ -39563,7 +39685,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "date",
-                value: formatDateValue(currentValue),
+                value: formatDateValue(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value)
               }
             );
@@ -39573,7 +39695,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "datetime-local",
-                value: formatDateTimeValue(currentValue),
+                value: formatDateTimeValue(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value)
               }
             );
@@ -39583,7 +39705,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "email",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39595,7 +39717,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "url",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39607,7 +39729,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "password",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -39620,7 +39742,7 @@ var init_Form = __esm({
               {
                 ...commonProps,
                 type: "text",
-                value: String(currentValue),
+                value: String(currentValue2),
                 onChange: (e) => handleChange(fieldName, e.target.value),
                 minLength: field.min,
                 maxLength: field.max
@@ -44821,7 +44943,7 @@ var init_StatCard = __esm({
       title: propTitle,
       value: propValue,
       previousValue,
-      currentValue,
+      currentValue: currentValue2,
       trend: manualTrend,
       trendDirection: manualDirection,
       invertTrend = false,
@@ -44902,11 +45024,11 @@ var init_StatCard = __esm({
       }, [metrics, data, computeMetricValue]);
       const calculatedTrend = React80__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
-        if (previousValue === void 0 || currentValue === void 0)
+        if (previousValue === void 0 || currentValue2 === void 0)
           return void 0;
-        if (previousValue === 0) return currentValue > 0 ? 100 : 0;
-        return (currentValue - previousValue) / previousValue * 100;
-      }, [manualTrend, previousValue, currentValue]);
+        if (previousValue === 0) return currentValue2 > 0 ? 100 : 0;
+        return (currentValue2 - previousValue) / previousValue * 100;
+      }, [manualTrend, previousValue, currentValue2]);
       if (schemaStats && schemaStats.length > 1) {
         if (isLoading) {
           return /* @__PURE__ */ jsx(
@@ -49441,4 +49563,4 @@ init_AboutPageTemplate();
 // components/index.ts
 init_cn();
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, Coachmark, CodeBlock, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, Coachmark, CodeBlock, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.22.2",
+  "version": "5.23.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -129,7 +129,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@almadar/core": "^10.0.0",
+    "@almadar/core": "^10.1.0",
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/logger": "^1.3.0",
     "@almadar/patterns": ">=2.35.0",