@almadar/ui 4.50.16 → 4.50.18

package/dist/runtime/index.js

@@ -21048,6 +21048,7 @@ function useDataDnd(args) {
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -21115,8 +21116,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React80__default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React80__default.useState(null);
   const meta = React80__default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React80__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -21202,6 +21203,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -21221,6 +21236,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -21243,6 +21260,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -21547,6 +21565,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21564,6 +21583,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -21956,6 +21976,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21972,6 +21993,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -46152,6 +46174,74 @@ function ServerBridgeProvider({
   return /* @__PURE__ */ jsx(ServerBridgeContext.Provider, { value: { connected, sendEvent }, children });
 }
 
+// context/OrbitalThemeProvider.tsx
+init_ThemeContext();
+
+// context/themeTokens.ts
+function themeTokensToCssVars(tokens, mode = "light", darkVariant) {
+  const vars = {};
+  const isDark = mode === "dark";
+  const pickColors = isDark && darkVariant?.colors ? darkVariant.colors : tokens.colors;
+  if (pickColors) {
+    for (const [key, value] of Object.entries(pickColors)) {
+      vars[`--color-${key}`] = value;
+    }
+    if (isDark && darkVariant?.colors && tokens.colors) {
+      for (const [key, value] of Object.entries(tokens.colors)) {
+        const varName = `--color-${key}`;
+        if (!(varName in vars)) vars[varName] = value;
+      }
+    }
+  }
+  const pickRadii = isDark && darkVariant?.radii ? darkVariant.radii : tokens.radii;
+  if (pickRadii) {
+    for (const [key, value] of Object.entries(pickRadii)) {
+      vars[`--radius-${key}`] = value;
+    }
+  }
+  const pickSpacing = isDark && darkVariant?.spacing ? darkVariant.spacing : tokens.spacing;
+  if (pickSpacing) {
+    for (const [key, value] of Object.entries(pickSpacing)) {
+      vars[`--space-${key}`] = value;
+    }
+  }
+  const pickTypography = isDark && darkVariant?.typography ? darkVariant.typography : tokens.typography;
+  if (pickTypography) {
+    for (const [key, value] of Object.entries(pickTypography)) {
+      vars[`--${key}`] = value;
+    }
+  }
+  const pickShadows = isDark && darkVariant?.shadows ? darkVariant.shadows : tokens.shadows;
+  if (pickShadows) {
+    for (const [key, value] of Object.entries(pickShadows)) {
+      vars[`--shadow-${key}`] = value;
+    }
+  }
+  return vars;
+}
+function resolveThemeForRuntime(theme) {
+  if (theme === void 0) return void 0;
+  if (typeof theme === "string") return void 0;
+  return theme;
+}
+function OrbitalThemeProvider({ theme, children }) {
+  const resolved = resolveThemeForRuntime(theme);
+  const { resolvedMode } = useTheme();
+  if (!resolved) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const vars = themeTokensToCssVars(resolved.tokens, resolvedMode, resolved.variants?.dark);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-orbital-theme": resolved.name,
+      style: { display: "contents", ...vars },
+      children
+    }
+  );
+}
+OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
+
 // runtime/OrbPreview.tsx
 init_navigation();
 init_verificationRegistry();
@@ -46600,6 +46690,19 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
     });
     return set;
   }, [schema, pageName]);
+  const activeOrbitalTheme = useMemo(() => {
+    const parsed = schema;
+    if (!parsed?.orbitals?.length) return void 0;
+    if (pageName) {
+      for (const orb of parsed.orbitals) {
+        for (const pageRef of orb.pages ?? []) {
+          const name = typeof pageRef === "object" && pageRef !== null ? pageRef.name : void 0;
+          if (name === pageName) return orb.theme;
+        }
+      }
+    }
+    return parsed.orbitals[0]?.theme;
+  }, [schema, pageName]);
   const inner = /* @__PURE__ */ jsx(VerificationProvider, { enabled: true, children: /* @__PURE__ */ jsxs(
     EntitySchemaProvider,
     {
@@ -46620,7 +46723,7 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
             persistence
           }
         ),
-        /* @__PURE__ */ jsx(Box, { className: "h-full p-4", children: /* @__PURE__ */ jsx(UISlotRenderer, { includeHud: true, hudMode: "inline", includeFloating: true }) })
+        /* @__PURE__ */ jsx(OrbitalThemeProvider, { theme: activeOrbitalTheme, children: /* @__PURE__ */ jsx(Box, { className: "h-full p-4", children: /* @__PURE__ */ jsx(UISlotRenderer, { includeHud: true, hudMode: "inline", includeFloating: true }) }) })
       ]
     }
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.50.16",
+  "version": "4.50.18",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [