@almadar/ui 5.18.0 → 5.19.0

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

@@ -1,5 +1,5 @@
-import React10, { forwardRef, useRef, useEffect, useImperativeHandle, useState, useMemo, useCallback, createContext, Component, useContext, useReducer } from 'react';
-import { useThree, useFrame, Canvas } from '@react-three/fiber';
+import React11, { forwardRef, useRef, useEffect, useImperativeHandle, useState, useMemo, useCallback, createContext, Component, useContext, useReducer } from 'react';
+import { useThree, useFrame, Canvas, context } from '@react-three/fiber';
 import * as THREE6 from 'three';
 import { Vector3, QuadraticBezierCurve3, MathUtils, Quaternion } from 'three';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1862,7 +1862,7 @@ function UnitRenderer({
   onAnimationStateChange,
   animationSpeed = 1
 }) {
-  const handleUnitClick = React10.useCallback(
+  const handleUnitClick = React11.useCallback(
     (unit) => {
       onUnitClick?.(unit);
     },
@@ -2039,15 +2039,14 @@ function FeatureVisual({
     }
   );
 }
-function FeatureRenderer({
+function FeatureGroup({
   features,
   cellSize = 1,
   offsetX = 0,
   offsetZ = 0,
   onFeatureClick,
   onFeatureHover,
-  selectedFeatureIds = [],
-  featureColors
+  selectedFeatureIds = []
 }) {
   return /* @__PURE__ */ jsx("group", { children: features.map((feature) => {
     const x = (feature.x - offsetX) * cellSize;
@@ -2067,6 +2066,15 @@ function FeatureRenderer({
     );
   }) });
 }
+function FeatureRenderer(props) {
+  const insideCanvas = useContext(context) != null;
+  if (insideCanvas) return /* @__PURE__ */ jsx(FeatureGroup, { ...props });
+  return /* @__PURE__ */ jsxs(Canvas, { camera: { position: [4, 4, 6], fov: 50 }, style: { width: "100%", height: 360 }, children: [
+    /* @__PURE__ */ jsx("ambientLight", { intensity: 0.6 }),
+    /* @__PURE__ */ jsx("directionalLight", { position: [5, 8, 5], intensity: 0.8 }),
+    /* @__PURE__ */ jsx(FeatureGroup, { ...props })
+  ] });
+}
 var log5 = createLogger("almadar:ui:game:feature-renderer");
 function detectAssetRoot3(modelUrl) {
   const idx = modelUrl.indexOf("/3d/");
@@ -2844,7 +2852,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React10.forwardRef(
+var Box = React11.forwardRef(
   ({
     padding,
     paddingX,
@@ -2894,7 +2902,7 @@ var Box = React10.forwardRef(
       onMouseLeave?.(e);
     }, [hoverEvent, eventBus, onMouseLeave]);
     const isClickable = action || onClick;
-    return React10.createElement(
+    return React11.createElement(
       Component2,
       {
         ref,
@@ -5637,7 +5645,7 @@ var Avl3DViewer = ({
   const handleTraitClick = useCallback((name) => {
     dispatch({ type: "ZOOM_INTO_TRAIT", trait: name, targetPosition: { x: 0, y: 0 } });
   }, []);
-  const [highlightedTrait, setHighlightedTrait] = React10.useState(null);
+  const [highlightedTrait, setHighlightedTrait] = React11.useState(null);
   const handleTransitionClick = useCallback((index) => {
     dispatch({ type: "ZOOM_INTO_TRANSITION", transitionIndex: index, targetPosition: { x: 0, y: 0 } });
   }, []);
@@ -5724,7 +5732,7 @@ var Avl3DViewer = ({
             gap: "xs",
             align: "center",
             className: "absolute top-2 left-2 z-10 bg-surface/80 backdrop-blur rounded-md px-3 py-1.5",
-            children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
+            children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", className: "mx-1", children: "/" }),
               i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
                 Box,

package/dist/components/organisms/game/three/renderers/FeatureRenderer.d.ts

@@ -27,18 +27,12 @@ export interface FeatureRendererProps {
     featureColors?: Record<string, string>;
 }
 /**
- * FeatureRenderer Component
- *
- * Renders all features in the scene.
- *
- * @example
- * ```tsx
- * <FeatureRenderer
- *     features={features}
- *     cellSize={1}
- *     onFeatureClick={handleFeatureClick}
- * />
- * ```
+ * Self-contained FeatureRenderer. three.js geometry only renders inside an
+ * `@react-three/fiber` `<Canvas>`. When already inside one (the fiber context is
+ * set) it renders the raw group; standalone it bundles a default `<Canvas>`
+ * (camera + lighting) so it shows on its own. The Canvas is an implementation
+ * detail, and the conditional check keeps it composable inside a larger scene
+ * (no nested Canvas).
  */
-export declare function FeatureRenderer({ features, cellSize, offsetX, offsetZ, onFeatureClick, onFeatureHover, selectedFeatureIds, featureColors, }: FeatureRendererProps): React.JSX.Element;
+export declare function FeatureRenderer(props: FeatureRendererProps): React.JSX.Element;
 export default FeatureRenderer;

package/dist/components/organisms/index.d.ts

@@ -1,25 +1,12 @@
 export { type EntityDisplayProps, type UiError, EntityDisplayEvents, type SortPayload, type PaginatePayload, type SearchPayload, type FilterPayload, type SelectPayload, } from "./types";
 export { DataTable, type DataTableProps, type Column, type RowAction, } from "./DataTable";
 export { StatCard, type StatCardProps } from "./StatCard";
-export { PageHeader, type PageHeaderProps, type PageBreadcrumb, } from "./PageHeader";
 export { DetailPanel, type DetailPanelProps, type DetailField, type DetailSection, } from "./DetailPanel";
-export { FormSection, FormLayout, FormActions, type FormSectionProps, type FormLayoutProps, type FormActionsProps, } from "./FormSection";
 export { Form, type FormProps } from "./Form";
-export { Header, type HeaderProps } from "./Header";
-export { Navigation, type NavigationProps, type NavigationItem, } from "./Navigation";
-export { Section, type SectionProps } from "./Section";
-export { Sidebar, type SidebarProps, type SidebarItem } from "./Sidebar";
-export { Split, type SplitProps } from "./Split";
-export { Table, type TableProps, type TableColumn, type SortDirection, } from "./Table";
 export { List, type ListProps, type ListItem } from "./List";
 export { CardGrid, type CardGridProps, type CardGridGap } from "./CardGrid";
 export { MasterDetail, type MasterDetailProps } from "./MasterDetail";
-export { ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogVariant, } from "./ConfirmDialog";
-export { WizardContainer, type WizardContainerProps, type WizardStep, } from "./WizardContainer";
-export { OrbitalVisualization, type OrbitalVisualizationProps, } from "./OrbitalVisualization";
 export { StateMachineView, DomStateMachineVisualizer, OrbitalStateMachineView, type StateMachineViewProps, type TransitionBundle, } from "./StateMachineView";
-export { JazariStateMachine, type JazariStateMachineProps, } from "./JazariStateMachine";
-export { ContentRenderer, type ContentRendererProps, } from "./ContentRenderer";
 export * from "./book";
 export * from "./layout";
 export * from "./game";
@@ -28,13 +15,8 @@ export { ModalSlot, type ModalSlotProps } from "./ModalSlot";
 export { DrawerSlot, type DrawerSlotProps } from "./DrawerSlot";
 export { ToastSlot, type ToastSlotProps } from "./ToastSlot";
 export { NotifyListener } from "./NotifyListener";
-export { Chart, type ChartProps, type ChartType, type ChartSeries, } from "./Chart";
 export { Timeline, type TimelineProps, type TimelineItem, type TimelineItemStatus, } from "./Timeline";
 export { MediaGallery, type MediaGalleryProps, type MediaItem, } from "./MediaGallery";
-export { SignaturePad, type SignaturePadProps, } from "./SignaturePad";
-export { DocumentViewer, type DocumentViewerProps, type DocumentType, } from "./DocumentViewer";
-export { GraphCanvas, type GraphCanvasProps, type GraphNode, type GraphEdge, } from "./GraphCanvas";
-export { CodeViewer, type CodeViewerProps, type CodeViewerMode, type DiffLine, } from "./CodeViewer";
 export { RuntimeDebugger, type RuntimeDebuggerProps, } from "./debug";
 export type { MarketingAction, MarketingImage, HeroEntity, FeatureEntity, PricingPlanEntity, StatEntity, StepEntity, ShowcaseEntity, TeamMemberEntity, CaseStudyEntity, } from "./marketing-types";
 export { HeroOrganism, type HeroOrganismProps, } from "./HeroOrganism";