@almadar/ui 2.5.0 → 2.6.0

package/dist/{chunk-42WRQA7T.js → chunk-2QM732NQ.js}

@@ -1,8 +1,8 @@
 import { apiClient } from './chunk-3HJHHULT.js';
-import { SelectionContext, entityDataKeys, useEntityList } from './chunk-GOZKH7QW.js';
+import { SelectionContext, entityDataKeys, useEntityList } from './chunk-WGJIL4YR.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
-import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore } from 'react';
+import { useCallback, useState, useEffect, useMemo, useContext, useSyncExternalStore, useRef } from 'react';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
 
 function useOrbitalHistory(options) {
@@ -1353,6 +1353,49 @@ function useAuthContext() {
     signOut: void 0
   };
 }
+function getDistance(touches) {
+  const dx = touches[0].clientX - touches[1].clientX;
+  const dy = touches[0].clientY - touches[1].clientY;
+  return Math.sqrt(dx * dx + dy * dy);
+}
+function usePinchZoom(options = {}) {
+  const { minScale = 0.5, maxScale = 4 } = options;
+  const [scale, setScale] = useState(1);
+  const [isPinching, setIsPinching] = useState(false);
+  const initialDistance = useRef(0);
+  const initialScale = useRef(1);
+  const onTouchStart = useCallback((e) => {
+    if (e.touches.length === 2) {
+      initialDistance.current = getDistance(e.touches);
+      initialScale.current = scale;
+      setIsPinching(true);
+    }
+  }, [scale]);
+  const onTouchMove = useCallback((e) => {
+    if (e.touches.length !== 2 || !isPinching) return;
+    e.preventDefault();
+    const currentDistance = getDistance(e.touches);
+    const ratio = currentDistance / initialDistance.current;
+    const newScale = Math.min(maxScale, Math.max(minScale, initialScale.current * ratio));
+    setScale(newScale);
+  }, [isPinching, minScale, maxScale]);
+  const onTouchEnd = useCallback(() => {
+    setIsPinching(false);
+  }, []);
+  const resetZoom = useCallback(() => {
+    setScale(1);
+  }, []);
+  return {
+    scale,
+    isPinching,
+    gestureProps: {
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd
+    },
+    resetZoom
+  };
+}
 var API_BASE = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "http://localhost:3000";
 function getUserId() {
   return localStorage.getItem("userId") || "anonymous";
@@ -1429,4 +1472,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation };
+export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation };

package/dist/{chunk-YLKXEXBP.js → chunk-DKQN5FVU.js}

@@ -1,30 +1,7 @@
 import { useUISlotManager } from './chunk-3JGAROCW.js';
-import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
+import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var UISlotContext = createContext(null);
-function UISlotProvider({ children }) {
-  const slotManager = useUISlotManager();
-  const contextValue = useMemo(() => slotManager, [slotManager]);
-  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
-}
-function useUISlots() {
-  const context = useContext(UISlotContext);
-  if (!context) {
-    throw new Error(
-      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
-    );
-  }
-  return context;
-}
-function useSlotContent(slot) {
-  const { getContent } = useUISlots();
-  return getContent(slot);
-}
-function useSlotHasContent(slot) {
-  const { hasContent } = useUISlots();
-  return hasContent(slot);
-}
 var BUILT_IN_THEMES = [
   {
     name: "wireframe",
@@ -275,5 +252,28 @@ function useTheme() {
   return context;
 }
 var ThemeContext_default = ThemeContext;
+var UISlotContext = createContext(null);
+function UISlotProvider({ children }) {
+  const slotManager = useUISlotManager();
+  const contextValue = useMemo(() => slotManager, [slotManager]);
+  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
+}
+function useUISlots() {
+  const context = useContext(UISlotContext);
+  if (!context) {
+    throw new Error(
+      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
+    );
+  }
+  return context;
+}
+function useSlotContent(slot) {
+  const { getContent } = useUISlots();
+  return getContent(slot);
+}
+function useSlotHasContent(slot) {
+  const { hasContent } = useUISlots();
+  return hasContent(slot);
+}
 
 export { BUILT_IN_THEMES, ThemeContext_default, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots };