@almadar/ui 6.53.1 → 6.54.0

package/dist/avl/index.js

@@ -1,25 +1,24 @@
-import { zoomReducer, initialZoomState, getBreadcrumbs } from '../chunk-FUQASYEW.js';
-import { JsonTreeEditor } from '../chunk-UOTYAPV5.js';
-import { useTranslate as useTranslate$1 } from '../chunk-E37BYSXY.js';
-import { spacingTokenOf, positionOf, withPosition, snapToSpacingStep, defaultSpacingStepPx, spacingOf, withSizing, withSpacing, layoutOf, withLayout, sizingOf, DESIGN_COLOR_TOKENS, DESIGN_RADIUS_TOKENS, DESIGN_SPACING_SCALE, sizeLimitOf, withSizeLimit, isArbitraryClass, tokenOfDesignClass } from '../chunk-ERXIHZW3.js';
-import { BrowserPlayground, collectEmbeddedTraits } from '../chunk-53VTY5CC.js';
-import '../chunk-DQTV6QVS.js';
+import { BrowserPlayground, collectEmbeddedTraits } from '../chunk-U3CGKPOK.js';
+import { zoomReducer, initialZoomState, getBreadcrumbs } from '../chunk-Z7JWXIRE.js';
+import { JsonTreeEditor } from '../chunk-FJDS4SVD.js';
+import { useTranslate as useTranslate$1 } from '../chunk-4HC5HRHB.js';
 import '../chunk-VHTJRS2N.js';
-import { Popover, Button, Icon, Select, Badge, IconButton, AvlStateMachine, Input, AvlFieldType, AvlEffect, AvlState, AvlPage, AvlEntity, useContainerWidth, useAlmadarDndSensors, almadarDndCollisionDetection, TagInput, Checkbox, Switch, CodeBlock, FileTree, Card, Accordion, RangeSlider, computeTraitLayout, edgePath, FormField, Radio, useCompactLayout, ButtonGroup, roundedEdgePath } from '../chunk-HUG25TT3.js';
-export { AvlEffect, AvlEntity, AvlFieldType, AvlPage, AvlState, AvlStateMachine, BehaviorView, FIELD_TYPE_SHAPES, MiniStateMachine, ModuleCard, computeTraitLayout, edgePath } from '../chunk-HUG25TT3.js';
-import '../chunk-PQKU62LK.js';
-import { avlSeries, STATE_COLORS, Box, HStack, VStack, avlTint, CONNECTION_COLORS, parseTraitLevel, OPERATOR_CATEGORY_COLORS, AVL_INK, AVL_FONT, parseApplicationLevel, parseOrbitalLevel, getStateRole, effectCategoryOf, EFFECT_CATEGORY_COLORS, pressableProps, traitTransitionRenderUi, traitEventWires, effectZoneOf, avlBlend } from '../chunk-7LM6I3NA.js';
-export { CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole, parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-7LM6I3NA.js';
-import { Typography, INLINE_TEXT_ATTR } from '../chunk-HB4C27KU.js';
+import { spacingTokenOf, positionOf, withPosition, snapToSpacingStep, defaultSpacingStepPx, spacingOf, withSizing, withSpacing, layoutOf, withLayout, sizingOf, DESIGN_COLOR_TOKENS, DESIGN_RADIUS_TOKENS, DESIGN_SPACING_SCALE, sizeLimitOf, withSizeLimit, isArbitraryClass, tokenOfDesignClass } from '../chunk-ERXIHZW3.js';
+import { Popover, Button, Icon, Select, Badge, IconButton, AvlStateMachine, Input, AvlFieldType, AvlEffect, AvlState, AvlPage, AvlEntity, useContainerWidth, useAlmadarDndSensors, almadarDndCollisionDetection, TagInput, Checkbox, Switch, CodeBlock, FileTree, Card, Accordion, RangeSlider, computeTraitLayout, edgePath, FormField, Radio, useCompactLayout, ButtonGroup, roundedEdgePath } from '../chunk-U2FGMHQP.js';
+export { AvlEffect, AvlEntity, AvlFieldType, AvlPage, AvlState, AvlStateMachine, BehaviorView, FIELD_TYPE_SHAPES, MiniStateMachine, ModuleCard, computeTraitLayout, edgePath } from '../chunk-U2FGMHQP.js';
+import { avlSeries, STATE_COLORS, Box, HStack, VStack, avlTint, CONNECTION_COLORS, parseTraitLevel, OPERATOR_CATEGORY_COLORS, AVL_INK, AVL_FONT, parseApplicationLevel, parseOrbitalLevel, getStateRole, effectCategoryOf, EFFECT_CATEGORY_COLORS, pressableProps, traitTransitionRenderUi, traitEventWires, effectZoneOf, avlBlend } from '../chunk-Z5IYJU44.js';
+export { CONNECTION_COLORS, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, STATE_COLORS, effectCategoryOf, getStateRole, parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, traitLevelFromTrait } from '../chunk-Z5IYJU44.js';
+import { Typography, INLINE_TEXT_ATTR } from '../chunk-4UP6BZ4R.js';
 import { usePrefersReducedMotion, useMediaQuery } from '../chunk-JRW33U35.js';
 import '../chunk-XJTHMW4G.js';
 import { useEventBus } from '../chunk-6EV3OEBQ.js';
-import '../chunk-PEST66PN.js';
 import { profilerOnRender, perfStart, perfEnd } from '../chunk-KQXXO42S.js';
 import { isEditableTarget } from '../chunk-O7OLVVBR.js';
 import { domPassthrough, cn } from '../chunk-64WACXM7.js';
-import '../chunk-QVXLKFUQ.js';
-import '../chunk-7KSLPY56.js';
+import '../chunk-MCKFWPT2.js';
+import '../chunk-N2V4LHFQ.js';
+import '../chunk-PQKU62LK.js';
+import '../chunk-PEST66PN.js';
 import '../chunk-QPXIAUJD.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React19, { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect, useLayoutEffect, Profiler, useReducer } from 'react';
@@ -4102,11 +4101,11 @@ function marqueeHits(marquee, boxes) {
   );
 }
 function axisPositionFrom(axis, constraint, offset) {
-  const start = offset ? axis === "x" ? offset.left : offset.top : 0;
-  const end = offset ? axis === "x" ? offset.right : offset.bottom : 0;
+  const start = axis === "x" ? offset.left : offset.top;
+  const end = axis === "x" ? offset.right : offset.bottom;
   if (constraint === "center") return { constraint, start: (start - end) / 2, end: 0 };
   if (constraint !== "scale") return { constraint, start, end };
-  const size2 = offset ? axis === "x" ? offset.parentWidth : offset.parentHeight : 0;
+  const size2 = axis === "x" ? offset.parentWidth : offset.parentHeight;
   return size2 > 0 ? { constraint, start: start / size2 * 100, end: end / size2 * 100 } : { constraint, start: 0, end: 0 };
 }
 var edgesX = (r) => [r.left, r.left + r.width / 2, r.left + r.width];
@@ -7718,7 +7717,11 @@ function AppearanceSection({ patternConfig, themeManifest, onPropChange, onToken
           {
             checked: position.absolute,
             label: t("orbInspector.absolute"),
-            onChange: (on) => write(on ? { absolute: true, x: axisPositionFrom("x", "start", offsetInParent), y: axisPositionFrom("y", "start", offsetInParent) } : { ...position, absolute: false })
+            disabled: !offsetInParent && !position.absolute,
+            onChange: (on) => {
+              if (!on) write({ ...position, absolute: false });
+              else if (offsetInParent) write({ absolute: true, x: axisPositionFrom("x", "start", offsetInParent), y: axisPositionFrom("y", "start", offsetInParent) });
+            }
           }
         ),
         position.absolute && ["x", "y"].map((axis) => /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-2", "data-testid": `inspector-constraint-${axis}`, children: [
@@ -7729,9 +7732,10 @@ function AppearanceSection({ patternConfig, themeManifest, onPropChange, onToken
               value: position[axis].constraint,
               "aria-label": t(axis === "x" ? "orbInspector.constraintHorizontal" : "orbInspector.constraintVertical"),
               options: CONSTRAINTS.map((c) => ({ value: c, label: t(CONSTRAINT_LABELS[axis][c]) })),
+              disabled: !offsetInParent,
               onValueChange: (v) => {
                 const constraint = CONSTRAINTS.find((c) => c === v);
-                if (constraint) write({ ...position, [axis]: axisPositionFrom(axis, constraint, offsetInParent) });
+                if (constraint && offsetInParent) write({ ...position, [axis]: axisPositionFrom(axis, constraint, offsetInParent) });
               },
               className: "flex-1 text-xs h-6"
             }

package/dist/{avl-3d-context-MAt_NuU9.d.ts → avl-3d-context-BpBKZIbc.d.ts}

@@ -59,6 +59,7 @@ declare const AVL_3D_COLORS: {
     readonly "op:std-json": string;
     readonly "op:std-time": string;
     readonly "op:std-format": string;
+    readonly "op:std-i18n": string;
     readonly "op:std-async": string;
     readonly "op:std-nn": string;
     readonly "op:std-tensor": string;

package/dist/{chunk-DQTV6QVS.js → chunk-4HC5HRHB.js}

@@ -1,7 +1,58 @@
-import { createContext, useRef, useContext, useSyncExternalStore } from 'react';
+import { DEFAULT_CURRENCY } from './chunk-MCKFWPT2.js';
+import { en_default } from './chunk-N2V4LHFQ.js';
+import React, { createContext, useEffect, useContext, useMemo, useRef, useSyncExternalStore } from 'react';
 import { mergeEntityFrame } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
 
+var { $meta: _meta, ...coreMessages } = en_default;
+var coreLocale = coreMessages;
+var I18nContext = createContext({
+  locale: "en",
+  direction: "ltr",
+  t: (key, params) => {
+    let msg = coreLocale[key] ?? key;
+    if (params) {
+      for (const [k, v] of Object.entries(params)) {
+        msg = msg.split(`{{${k}}}`).join(String(v));
+      }
+    }
+    return msg;
+  }
+});
+I18nContext.displayName = "I18nContext";
+function I18nProvider({ value, children, documentRoot }) {
+  useEffect(() => {
+    if (!documentRoot) return;
+    document.documentElement.lang = value.locale;
+    document.documentElement.dir = value.direction;
+  }, [documentRoot, value.locale, value.direction]);
+  return React.createElement(I18nContext.Provider, { value }, children);
+}
+function useTranslate() {
+  return useContext(I18nContext);
+}
+function useRenderI18n() {
+  const { locale, messages } = useContext(I18nContext);
+  return useMemo(() => messages !== void 0 ? { locale, messages } : void 0, [locale, messages]);
+}
+function useFormatContext() {
+  const { t, locale, currency } = useContext(I18nContext);
+  return useMemo(
+    () => ({ locale, currency: currency ?? DEFAULT_CURRENCY, booleanLabels: { yes: t("common.yes"), no: t("common.no") } }),
+    [t, locale, currency]
+  );
+}
+function createTranslate(messages) {
+  return (key, params) => {
+    let msg = messages[key] ?? coreLocale[key] ?? key;
+    if (params) {
+      for (const [k, v] of Object.entries(params)) {
+        msg = msg.split(`{{${k}}}`).join(String(v));
+      }
+    }
+    return msg;
+  };
+}
 var log = createLogger("almadar:ui:shared-entity-store");
 var EMPTY_ENTITY_STATE = {};
 function createSharedEntityStore() {
@@ -79,4 +130,4 @@ function runTickFrame(entityId, orderedWriters, store) {
   return scratch;
 }
 
-export { SharedEntityStoreContext, createSharedEntityStore, runTickFrame, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext };
+export { I18nProvider, SharedEntityStoreContext, createSharedEntityStore, createTranslate, runTickFrame, useFormatContext, useRenderI18n, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useTranslate };

package/dist/{chunk-HB4C27KU.js → chunk-4UP6BZ4R.js}

@@ -1,5 +1,5 @@
 import { cn, domPassthrough } from './chunk-64WACXM7.js';
-import { formatValue } from './chunk-QVXLKFUQ.js';
+import { formatValue } from './chunk-MCKFWPT2.js';
 import React from 'react';
 import { useFormatContext } from '@almadar/ui/hooks';
 

package/dist/{chunk-UOTYAPV5.js → chunk-FJDS4SVD.js}

@@ -1,6 +1,6 @@
-import { Icon, Button, Switch, Input } from './chunk-HUG25TT3.js';
-import { VStack, HStack } from './chunk-7LM6I3NA.js';
-import { Typography } from './chunk-HB4C27KU.js';
+import { Icon, Button, Switch, Input } from './chunk-U2FGMHQP.js';
+import { VStack, HStack } from './chunk-Z5IYJU44.js';
+import { Typography } from './chunk-4UP6BZ4R.js';
 import { cn } from './chunk-64WACXM7.js';
 import React from 'react';
 import { useTranslate } from '@almadar/ui/hooks';

package/dist/{chunk-QVXLKFUQ.js → chunk-MCKFWPT2.js}

@@ -1,4 +1,4 @@
-import { en_default } from './chunk-7KSLPY56.js';
+import { en_default } from './chunk-N2V4LHFQ.js';
 
 // lib/format.ts
 var { $meta: _meta, ...coreMessages } = en_default;

package/dist/{chunk-7KSLPY56.js → chunk-N2V4LHFQ.js}

@@ -59,6 +59,7 @@ var en_default = {
   "status.draft": "Draft",
   "status.archived": "Archived",
   "error.generic": "Something went wrong",
+  "error.traitMountFailed": "{{trait}} failed to start",
   "error.retry": "Try again",
   "error.notFound": "Not found",
   "error.loadFailed": "Failed to load: {{message}}",