@almadar/ui 5.63.2 → 5.64.0

package/dist/avl/index.cjs

@@ -43,6 +43,7 @@ var THREE3 = require('three');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
 var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
+var SkeletonUtils = require('three/examples/jsm/utils/SkeletonUtils');
 var fiber = require('@react-three/fiber');
 var drei = require('@react-three/drei');
 var patterns = require('@almadar/patterns');
@@ -45460,7 +45461,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = React93.useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = SkeletonUtils.clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3__namespace.Mesh) {
         child.castShadow = castShadow;
@@ -45475,7 +45477,8 @@ function ModelLoader({
     const size = new THREE3__namespace.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = React93.useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/avl/index.js

@@ -43,6 +43,7 @@ import * as THREE3 from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoader';
+import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1, isEntityAwarePattern } from '@almadar/patterns';
@@ -45413,7 +45414,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3.Mesh) {
         child.castShadow = castShadow;
@@ -45428,7 +45430,8 @@ function ModelLoader({
     const size = new THREE3.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/components/game/molecules/three/index.cjs

@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var drei = require('@react-three/drei');
 var logger = require('@almadar/logger');
 var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
+var SkeletonUtils = require('three/examples/jsm/utils/SkeletonUtils');
 var OrbitControls_js = require('three/examples/jsm/controls/OrbitControls.js');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
@@ -392,7 +393,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = React11.useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = SkeletonUtils.clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE6__namespace.Mesh) {
         child.castShadow = castShadow;
@@ -407,7 +409,8 @@ function ModelLoader({
     const size = new THREE6__namespace.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = React11.useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/components/game/molecules/three/index.js

@@ -6,6 +6,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { OrbitControls, Billboard, Grid, Stars, Sparkles, Html, RoundedBox } from '@react-three/drei';
 import { createLogger } from '@almadar/logger';
 import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoader';
+import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { OrbitControls as OrbitControls$1 } from 'three/examples/jsm/controls/OrbitControls.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
@@ -368,7 +369,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE6.Mesh) {
         child.castShadow = castShadow;
@@ -383,7 +385,8 @@ function ModelLoader({
     const size = new THREE6.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/components/index.cjs

@@ -45,6 +45,7 @@ var THREE3 = require('three');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
 var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
+var SkeletonUtils = require('three/examples/jsm/utils/SkeletonUtils');
 var fiber = require('@react-three/fiber');
 var drei = require('@react-three/drei');
 var patterns = require('@almadar/patterns');
@@ -44014,7 +44015,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = React79.useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = SkeletonUtils.clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3__namespace.Mesh) {
         child.castShadow = castShadow;
@@ -44029,7 +44031,8 @@ function ModelLoader({
     const size = new THREE3__namespace.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = React79.useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/components/index.js

@@ -46,6 +46,7 @@ import * as THREE3 from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoader';
+import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition as getPatternDefinition$1, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -43968,7 +43969,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3.Mesh) {
         child.castShadow = castShadow;
@@ -43983,7 +43985,8 @@ function ModelLoader({
     const size = new THREE3.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/components/marketing/organisms/HeroOrganism.d.ts

@@ -10,7 +10,7 @@
  * - Never listens to events
  */
 import React from 'react';
-import type { EntityWith } from '@almadar/core';
+import type { EntityWith, AssetUrl } from '@almadar/core';
 import type { DisplayStateProps } from '../../core/organisms/types';
 /** A hero CTA: a plain `{ label, href }` object (FieldValue-compatible — a `type`,
  *  not `interface`, so it's assignable to the entity-row `FieldValue` index sig). */
@@ -29,7 +29,7 @@ export interface HeroRow {
     secondaryAction?: HeroAction;
     installCommand?: string;
     image?: {
-        src?: string;
+        src?: AssetUrl;
         alt?: string;
     };
     imagePosition?: 'below' | 'right' | 'background';

package/dist/components/marketing/organisms/ShowcaseOrganism.d.ts

@@ -10,7 +10,7 @@
  * - Never listens to events
  */
 import React from 'react';
-import type { EntityWith } from '@almadar/core';
+import type { EntityWith, AssetUrl } from '@almadar/core';
 import type { DisplayStateProps } from '../../core/organisms/types';
 /** The per-showcase entity fields this organism reads (FieldValue-compatible; `image`
  *  is a plain `{ src, alt }` object, `accentColor` a string). */
@@ -18,7 +18,7 @@ export interface ShowcaseRow {
     title: string;
     description?: string;
     image?: {
-        src?: string;
+        src?: AssetUrl;
         alt?: string;
     };
     href?: string;

package/dist/components/marketing/organisms/TeamOrganism.d.ts

@@ -9,7 +9,7 @@
  * - No events (display-only)
  */
 import React from 'react';
-import type { EntityWith } from '@almadar/core';
+import type { EntityWith, AssetUrl } from '@almadar/core';
 import type { DisplayStateProps } from '../../core/organisms/types';
 /** The per-member entity fields this organism reads (FieldValue-compatible;
  *  `avatar` is a string url/initials). */
@@ -18,7 +18,7 @@ export interface TeamMemberRow {
     nameAr?: string;
     role?: string;
     bio?: string;
-    avatar?: string;
+    avatar?: AssetUrl;
 }
 export interface TeamOrganismProps extends DisplayStateProps {
     entity?: EntityWith<TeamMemberRow> | readonly EntityWith<TeamMemberRow>[];

package/dist/providers/index.cjs

@@ -45,6 +45,7 @@ var THREE3 = require('three');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
 var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
+var SkeletonUtils = require('three/examples/jsm/utils/SkeletonUtils');
 var fiber = require('@react-three/fiber');
 var drei = require('@react-three/drei');
 var patterns = require('@almadar/patterns');
@@ -43261,7 +43262,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = React85.useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = SkeletonUtils.clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3__namespace.Mesh) {
         child.castShadow = castShadow;
@@ -43276,7 +43278,8 @@ function ModelLoader({
     const size = new THREE3__namespace.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = React85.useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/providers/index.js

@@ -45,6 +45,7 @@ import * as THREE3 from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoader';
+import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -43214,7 +43215,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3.Mesh) {
         child.castShadow = castShadow;
@@ -43229,7 +43231,8 @@ function ModelLoader({
     const size = new THREE3.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/runtime/index.cjs

@@ -45,6 +45,7 @@ var THREE3 = require('three');
 var GLTFLoader_js = require('three/examples/jsm/loaders/GLTFLoader.js');
 var OBJLoader_js = require('three/examples/jsm/loaders/OBJLoader.js');
 var GLTFLoader = require('three/examples/jsm/loaders/GLTFLoader');
+var SkeletonUtils = require('three/examples/jsm/utils/SkeletonUtils');
 var fiber = require('@react-three/fiber');
 var drei = require('@react-three/drei');
 var patterns = require('@almadar/patterns');
@@ -42959,7 +42960,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = React84.useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = SkeletonUtils.clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3__namespace.Mesh) {
         child.castShadow = castShadow;
@@ -42974,7 +42976,8 @@ function ModelLoader({
     const size = new THREE3__namespace.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = React84.useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/dist/runtime/index.js

@@ -45,6 +45,7 @@ import * as THREE3 from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { GLTFLoader as GLTFLoader$1 } from 'three/examples/jsm/loaders/GLTFLoader';
+import { clone } from 'three/examples/jsm/utils/SkeletonUtils';
 import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -42912,7 +42913,8 @@ function ModelLoader({
   const { model: loadedModel, isLoading, error } = useGLTFModel(url, resourceBasePath);
   const model = useMemo(() => {
     if (!loadedModel) return null;
-    const cloned = loadedModel.clone();
+    const cloned = clone(loadedModel);
+    cloned.updateMatrixWorld(true);
     cloned.traverse((child) => {
       if (child instanceof THREE3.Mesh) {
         child.castShadow = castShadow;
@@ -42927,7 +42929,8 @@ function ModelLoader({
     const size = new THREE3.Vector3();
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
-    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+    if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
+    return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
     const base = typeof scale === "number" ? [scale, scale, scale] : scale;

package/package.json

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