@object-ui/mobile 2.0.0 → 3.0.1

package/README.md

@@ -0,0 +1,132 @@
+# @object-ui/mobile
+
+Mobile optimization for Object UI — responsive hooks, gesture support, touch targets, and PWA utilities.
+
+## Features
+
+- 📱 **Responsive Hooks** - `useBreakpoint` and `useResponsive` for adaptive layouts
+- 👆 **Gesture Support** - `useGesture` and `useSpecGesture` for swipe, pinch, and long-press detection
+- 🔄 **Pull to Refresh** - Native pull-to-refresh behavior with `usePullToRefresh`
+- 🎯 **Touch Targets** - `useTouchTarget` for accessible minimum-size touch areas
+- 📐 **Responsive Containers** - `ResponsiveContainer` for breakpoint-aware rendering
+- 🏗️ **MobileProvider** - Context provider for mobile-aware applications
+- 📲 **PWA Support** - Manifest generation and service worker registration
+- ⚙️ **Configurable Breakpoints** - Customizable breakpoint definitions
+
+## Installation
+
+```bash
+npm install @object-ui/mobile
+```
+
+**Peer Dependencies:**
+- `react` ^18.0.0 || ^19.0.0
+- `react-dom` ^18.0.0 || ^19.0.0
+
+## Quick Start
+
+```tsx
+import { MobileProvider, useBreakpoint, useGesture } from '@object-ui/mobile';
+
+function App() {
+  return (
+    <MobileProvider>
+      <ResponsiveApp />
+    </MobileProvider>
+  );
+}
+
+function ResponsiveApp() {
+  const { isMobile, isTablet, isDesktop } = useBreakpoint();
+
+  return (
+    <div>
+      {isMobile && <MobileNav />}
+      {isDesktop && <DesktopSidebar />}
+      <MainContent />
+    </div>
+  );
+}
+```
+
+## API
+
+### MobileProvider
+
+Wraps your application with mobile context:
+
+```tsx
+<MobileProvider>
+  <App />
+</MobileProvider>
+```
+
+### useBreakpoint
+
+Hook for detecting the current breakpoint:
+
+```tsx
+const { isMobile, isTablet, isDesktop, current } = useBreakpoint();
+```
+
+### useResponsive
+
+Hook for responsive values based on screen size:
+
+```tsx
+const columns = useResponsive({ mobile: 1, tablet: 2, desktop: 4 });
+```
+
+### useGesture / useSpecGesture
+
+Hooks for gesture detection on touch devices:
+
+```tsx
+const gestureRef = useGesture({
+  onSwipeLeft: () => navigateNext(),
+  onSwipeRight: () => navigateBack(),
+  onPinch: (scale) => handleZoom(scale),
+});
+
+return <div ref={gestureRef}>Swipeable content</div>;
+```
+
+### usePullToRefresh
+
+Hook for pull-to-refresh behavior:
+
+```tsx
+const { isRefreshing } = usePullToRefresh({
+  onRefresh: async () => await fetchData(),
+});
+```
+
+### useTouchTarget
+
+Hook for ensuring minimum touch target sizes:
+
+```tsx
+const { targetProps } = useTouchTarget({ minSize: 44 });
+return <button {...targetProps}>Tap me</button>;
+```
+
+### ResponsiveContainer
+
+Renders children based on breakpoint:
+
+```tsx
+<ResponsiveContainer mobile={<MobileView />} desktop={<DesktopView />} />
+```
+
+### PWA Utilities
+
+```tsx
+import { generatePWAManifest, registerServiceWorker } from '@object-ui/mobile';
+
+const manifest = generatePWAManifest({ name: 'My App', themeColor: '#000' });
+registerServiceWorker({ cacheStrategy: 'network-first' });
+```
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -19,12 +19,15 @@
  */
 export { useBreakpoint, type BreakpointState } from './useBreakpoint';
 export { useResponsive } from './useResponsive';
+export { useResponsiveConfig, type SpecResponsiveConfig, type ResolvedResponsiveState } from './useResponsiveConfig';
 export { useGesture, type UseGestureOptions } from './useGesture';
+export { useSpecGesture, type UseSpecGestureOptions } from './useSpecGesture';
+export { useTouchTarget, type UseTouchTargetOptions, type TouchTargetResult } from './useTouchTarget';
 export { usePullToRefresh, type PullToRefreshOptions } from './usePullToRefresh';
 export { MobileProvider, type MobileProviderProps } from './MobileProvider';
 export { ResponsiveContainer, type ResponsiveContainerProps } from './ResponsiveContainer';
 export { generatePWAManifest } from './pwa';
 export { registerServiceWorker, type ServiceWorkerConfig } from './serviceWorker';
 export { BREAKPOINTS, resolveResponsiveValue } from './breakpoints';
-export type { BreakpointName, ResponsiveValue, ResponsiveConfig, MobileOverrides, PWAConfig, PWAIcon, CacheStrategy, OfflineConfig, OfflineRoute, GestureType, GestureConfig, GestureContext, MobileComponentConfig, } from '@object-ui/types';
+export type { BreakpointName, ResponsiveValue, ResponsiveConfig, MobileOverrides, PWAConfig, PWAIcon, CacheStrategy, OfflineConfig, OfflineRoute, GestureType, GestureConfig, GestureContext, MobileComponentConfig, SpecGestureConfig, SwipeGestureConfig, PinchGestureConfig, LongPressGestureConfig, TouchInteraction, TouchTargetConfig, } from '@object-ui/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGpE,YAAY,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrH,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtG,OAAO,EAAE,gBAAgB,EAAE,KAAK,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAGpE,YAAY,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -19,7 +19,10 @@
  */
 export { useBreakpoint } from './useBreakpoint';
 export { useResponsive } from './useResponsive';
+export { useResponsiveConfig } from './useResponsiveConfig';
 export { useGesture } from './useGesture';
+export { useSpecGesture } from './useSpecGesture';
+export { useTouchTarget } from './useTouchTarget';
 export { usePullToRefresh } from './usePullToRefresh';
 export { MobileProvider } from './MobileProvider';
 export { ResponsiveContainer } from './ResponsiveContainer';

package/dist/useResponsiveConfig.d.ts

@@ -0,0 +1,60 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { BreakpointName } from '@object-ui/types';
+/**
+ * Spec-aligned ResponsiveConfig (mirrors @objectstack/spec ResponsiveConfigSchema).
+ *
+ * @example
+ * ```ts
+ * const config: SpecResponsiveConfig = {
+ *   columns: { xs: 12, sm: 6, lg: 4 },
+ *   hiddenOn: ['xs'],
+ *   order: { xs: 2, lg: 1 },
+ * };
+ * ```
+ */
+export interface SpecResponsiveConfig {
+    /** The target breakpoint for this config */
+    breakpoint?: BreakpointName;
+    /** Breakpoints on which the component is hidden */
+    hiddenOn?: BreakpointName[];
+    /** Grid column counts per breakpoint (1-12) */
+    columns?: Partial<Record<BreakpointName, number>>;
+    /** Display order per breakpoint */
+    order?: Partial<Record<BreakpointName, number>>;
+}
+/**
+ * Resolved responsive state from a SpecResponsiveConfig.
+ */
+export interface ResolvedResponsiveState {
+    /** Whether the component is hidden at the current breakpoint */
+    hidden: boolean;
+    /** Resolved column count for the current breakpoint */
+    columns: number | undefined;
+    /** Resolved display order for the current breakpoint */
+    order: number | undefined;
+    /** Current active breakpoint name */
+    breakpoint: BreakpointName;
+}
+/**
+ * Hook that consumes @objectstack/spec ResponsiveConfigSchema and
+ * resolves breakpoint-aware layout state.
+ *
+ * @example
+ * ```tsx
+ * const { hidden, columns, order } = useResponsiveConfig({
+ *   columns: { xs: 12, sm: 6, lg: 4 },
+ *   hiddenOn: ['xs'],
+ *   order: { xs: 2, lg: 1 },
+ * });
+ * if (hidden) return null;
+ * return <div style={{ gridColumn: `span ${columns}`, order }}>...</div>;
+ * ```
+ */
+export declare function useResponsiveConfig(config?: SpecResponsiveConfig): ResolvedResponsiveState;
+//# sourceMappingURL=useResponsiveConfig.d.ts.map

package/dist/useResponsiveConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveConfig.d.ts","sourceRoot":"","sources":["../src/useResponsiveConfig.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,oBAAoB;IACnC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAClD,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,MAAM,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,wDAAwD;IACxD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,qCAAqC;IACrC,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,oBAAoB,GAAG,uBAAuB,CAoB1F"}

package/dist/useResponsiveConfig.js

@@ -0,0 +1,41 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useMemo } from 'react';
+import { useBreakpoint } from './useBreakpoint';
+import { resolveResponsiveValue } from './breakpoints';
+/**
+ * Hook that consumes @objectstack/spec ResponsiveConfigSchema and
+ * resolves breakpoint-aware layout state.
+ *
+ * @example
+ * ```tsx
+ * const { hidden, columns, order } = useResponsiveConfig({
+ *   columns: { xs: 12, sm: 6, lg: 4 },
+ *   hiddenOn: ['xs'],
+ *   order: { xs: 2, lg: 1 },
+ * });
+ * if (hidden) return null;
+ * return <div style={{ gridColumn: `span ${columns}`, order }}>...</div>;
+ * ```
+ */
+export function useResponsiveConfig(config) {
+    const { breakpoint } = useBreakpoint();
+    return useMemo(() => {
+        if (!config) {
+            return { hidden: false, columns: undefined, order: undefined, breakpoint };
+        }
+        const hidden = config.hiddenOn?.includes(breakpoint) ?? false;
+        const columns = config.columns
+            ? resolveResponsiveValue(config.columns, breakpoint)
+            : undefined;
+        const order = config.order
+            ? resolveResponsiveValue(config.order, breakpoint)
+            : undefined;
+        return { hidden, columns, order, breakpoint };
+    }, [config, breakpoint]);
+}

package/dist/useSpecGesture.d.ts

@@ -0,0 +1,33 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { SpecGestureConfig } from '@object-ui/types';
+export interface UseSpecGestureOptions {
+    /** Spec gesture configuration */
+    config: SpecGestureConfig;
+    /** Callback when a swipe gesture is detected */
+    onSwipe?: (direction: string) => void;
+    /** Callback when a pinch gesture is detected */
+    onPinch?: (scale: number) => void;
+    /** Callback when a long-press gesture is detected */
+    onLongPress?: () => void;
+}
+/**
+ * Spec-aware gesture hook that maps an @objectstack/spec GestureConfig
+ * to the existing useGesture hook.
+ *
+ * @example
+ * ```tsx
+ * const ref = useSpecGesture({
+ *   config: { type: 'swipe', enabled: true, swipe: { direction: 'left', threshold: 80 } },
+ *   onSwipe: (dir) => console.log('Swiped', dir),
+ * });
+ * return <div ref={ref}>Swipe me</div>;
+ * ```
+ */
+export declare function useSpecGesture<T extends HTMLElement = HTMLElement>(options: UseSpecGestureOptions): import("react").RefObject<T | null>;
+//# sourceMappingURL=useSpecGesture.d.ts.map

package/dist/useSpecGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpecGesture.d.ts","sourceRoot":"","sources":["../src/useSpecGesture.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,iCAAiC;IACjC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AASD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAChE,OAAO,EAAE,qBAAqB,uCAiC/B"}

package/dist/useSpecGesture.js

@@ -0,0 +1,59 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useGesture } from './useGesture';
+const SWIPE_DIRECTION_MAP = {
+    left: 'swipe-left',
+    right: 'swipe-right',
+    up: 'swipe-up',
+    down: 'swipe-down',
+};
+/**
+ * Spec-aware gesture hook that maps an @objectstack/spec GestureConfig
+ * to the existing useGesture hook.
+ *
+ * @example
+ * ```tsx
+ * const ref = useSpecGesture({
+ *   config: { type: 'swipe', enabled: true, swipe: { direction: 'left', threshold: 80 } },
+ *   onSwipe: (dir) => console.log('Swiped', dir),
+ * });
+ * return <div ref={ref}>Swipe me</div>;
+ * ```
+ */
+export function useSpecGesture(options) {
+    const { config, onSwipe, onPinch, onLongPress } = options;
+    const enabled = config.enabled ?? true;
+    let gestureType = 'tap';
+    let threshold;
+    let longPressDuration;
+    let onGesture = () => { };
+    if (config.swipe && onSwipe) {
+        const dir = Array.isArray(config.swipe.direction)
+            ? config.swipe.direction[0]
+            : config.swipe.direction;
+        gestureType = (dir && SWIPE_DIRECTION_MAP[dir]) ?? 'swipe-left';
+        threshold = config.swipe.threshold;
+        onGesture = (ctx) => onSwipe(ctx.direction ?? dir ?? 'left');
+    }
+    else if (config.longPress && onLongPress) {
+        gestureType = 'long-press';
+        longPressDuration = config.longPress.duration;
+        onGesture = () => onLongPress();
+    }
+    else if (config.pinch && onPinch) {
+        gestureType = 'pinch';
+        onGesture = (ctx) => onPinch(ctx.scale ?? 1);
+    }
+    return useGesture({
+        type: gestureType,
+        onGesture,
+        threshold,
+        longPressDuration,
+        enabled,
+    });
+}

package/dist/useTouchTarget.d.ts

@@ -0,0 +1,36 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { TouchTargetConfig } from '@object-ui/types';
+export interface UseTouchTargetOptions {
+    /** Spec touch target configuration */
+    config?: TouchTargetConfig;
+}
+export interface TouchTargetResult {
+    /** CSS style properties enforcing minimum touch target sizes */
+    style: {
+        minWidth: string;
+        minHeight: string;
+        padding: string | undefined;
+    };
+    /** CSS class for touch-action optimization */
+    className: string;
+}
+/**
+ * Hook that returns style and className props enforcing minimum
+ * touch target sizes per the @objectstack/spec TouchTargetConfig.
+ *
+ * Defaults follow WCAG 2.5.5 (44×44 CSS pixels).
+ *
+ * @example
+ * ```tsx
+ * const target = useTouchTarget({ config: { minWidth: 48, minHeight: 48 } });
+ * return <button style={target.style} className={target.className}>Tap</button>;
+ * ```
+ */
+export declare function useTouchTarget(options?: UseTouchTargetOptions): TouchTargetResult;
+//# sourceMappingURL=useTouchTarget.d.ts.map

package/dist/useTouchTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTouchTarget.d.ts","sourceRoot":"","sources":["../src/useTouchTarget.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,sCAAsC;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,gEAAgE;IAChE,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;KAC7B,CAAC;IACF,8CAA8C;IAC9C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,iBAAiB,CAcrF"}

package/dist/useTouchTarget.js

@@ -0,0 +1,33 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Hook that returns style and className props enforcing minimum
+ * touch target sizes per the @objectstack/spec TouchTargetConfig.
+ *
+ * Defaults follow WCAG 2.5.5 (44×44 CSS pixels).
+ *
+ * @example
+ * ```tsx
+ * const target = useTouchTarget({ config: { minWidth: 48, minHeight: 48 } });
+ * return <button style={target.style} className={target.className}>Tap</button>;
+ * ```
+ */
+export function useTouchTarget(options = {}) {
+    const { config } = options;
+    const minWidth = config?.minWidth ?? 44;
+    const minHeight = config?.minHeight ?? 44;
+    const padding = config?.padding ?? 0;
+    return {
+        style: {
+            minWidth: `${minWidth}px`,
+            minHeight: `${minHeight}px`,
+            padding: padding > 0 ? `${padding}px` : undefined,
+        },
+        className: 'touch-manipulation',
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/mobile",
-  "version": "2.0.0",
+  "version": "3.0.1",
   "type": "module",
   "license": "MIT",
   "description": "Mobile optimization for Object UI with responsive components, PWA support, and touch gesture handling.",
@@ -26,11 +26,11 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@object-ui/types": "2.0.0"
+    "@object-ui/types": "3.0.1"
   },
   "devDependencies": {
-    "@types/react": "^19.2.13",
-    "react": "^19.1.0",
+    "@types/react": "19.2.13",
+    "react": "19.2.4",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"
   },