@almadar/ui 5.76.7 → 5.77.0

package/dist/components/game/2d/molecules/StatBadge.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
 /**
@@ -33,7 +32,7 @@ export interface StatBadgeProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, }: StatBadgeProps): React.JSX.Element;
+export declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, }: StatBadgeProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StatBadge {
     var displayName: string;
 }

package/dist/components/game/shared/lib/editorUtils.d.ts

@@ -23,7 +23,7 @@ export interface CollapsibleSectionProps {
     };
     className?: string;
 }
-export declare function CollapsibleSection({ title, expanded, onToggle, children, assetManifest, className }: CollapsibleSectionProps): React.JSX.Element;
+export declare function CollapsibleSection({ title, expanded, onToggle, children, assetManifest, className }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CollapsibleSection {
     var displayName: string;
 }
@@ -36,7 +36,7 @@ export interface EditorSliderProps {
     onChange: (value: number) => void;
     className?: string;
 }
-export declare function EditorSlider({ label, value, min, max, step, onChange, className }: EditorSliderProps): React.JSX.Element;
+export declare function EditorSlider({ label, value, min, max, step, onChange, className }: EditorSliderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorSlider {
     var displayName: string;
 }
@@ -50,7 +50,7 @@ export interface EditorSelectProps {
     onChange: (value: string) => void;
     className?: string;
 }
-export declare function EditorSelect({ label, value, options, onChange, className }: EditorSelectProps): React.JSX.Element;
+export declare function EditorSelect({ label, value, options, onChange, className }: EditorSelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorSelect {
     var displayName: string;
 }
@@ -60,7 +60,7 @@ export interface EditorCheckboxProps {
     onChange: (checked: boolean) => void;
     className?: string;
 }
-export declare function EditorCheckbox({ label, checked, onChange, className }: EditorCheckboxProps): React.JSX.Element;
+export declare function EditorCheckbox({ label, checked, onChange, className }: EditorCheckboxProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorCheckbox {
     var displayName: string;
 }
@@ -71,7 +71,7 @@ export interface EditorTextInputProps {
     placeholder?: string;
     className?: string;
 }
-export declare function EditorTextInput({ label, value, onChange, placeholder, className }: EditorTextInputProps): React.JSX.Element;
+export declare function EditorTextInput({ label, value, onChange, placeholder, className }: EditorTextInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorTextInput {
     var displayName: string;
 }
@@ -89,7 +89,7 @@ export interface StatusBarProps {
     featureCount?: number;
     className?: string;
 }
-export declare function StatusBar({ hoveredTile, mode, gridSize, unitCount, featureCount, className }: StatusBarProps): React.JSX.Element;
+export declare function StatusBar({ hoveredTile, mode, gridSize, unitCount, featureCount, className }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StatusBar {
     var displayName: string;
 }
@@ -99,7 +99,7 @@ export interface TerrainPaletteProps {
     onSelect: (terrain: string) => void;
     className?: string;
 }
-export declare function TerrainPalette({ terrains, selectedTerrain, onSelect, className }: TerrainPaletteProps): React.JSX.Element;
+export declare function TerrainPalette({ terrains, selectedTerrain, onSelect, className }: TerrainPaletteProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TerrainPalette {
     var displayName: string;
 }
@@ -108,7 +108,7 @@ export interface EditorToolbarProps {
     onModeChange: (mode: EditorMode) => void;
     className?: string;
 }
-export declare function EditorToolbar({ mode, onModeChange, className }: EditorToolbarProps): React.JSX.Element;
+export declare function EditorToolbar({ mode, onModeChange, className }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditorToolbar {
     var displayName: string;
 }

package/dist/components/index.cjs

@@ -12354,9 +12354,9 @@ var init_BehaviorView = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 exports.Tabs = void 0;
@@ -17045,129 +17045,6 @@ var init_BuilderBoard = __esm({
     BuilderBoard.displayName = "BuilderBoard";
   }
 });
-function useSafeEventBus2() {
-  try {
-    return useEventBus();
-  } catch {
-    return { emit: () => {
-    }, on: () => () => {
-    }, once: () => {
-    } };
-  }
-}
-var log6, lookStyles4; exports.ButtonGroup = void 0;
-var init_ButtonGroup = __esm({
-  "components/core/molecules/ButtonGroup.tsx"() {
-    "use client";
-    init_cn();
-    init_atoms();
-    init_useEventBus();
-    log6 = logger.createLogger("almadar:ui:button-group");
-    lookStyles4 = {
-      "right-aligned-buttons": "",
-      "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
-      "inline-row": "gap-2 inline-flex",
-      "dropdown-menu": "[&>button:not(:first-child)]:hidden",
-      "command-palette-trigger": "[&>button:not(:first-child)]:hidden"
-    };
-    exports.ButtonGroup = ({
-      children,
-      primary,
-      secondary,
-      variant = "default",
-      orientation = "horizontal",
-      className,
-      // Filter-group pattern props (entity and filters are used for schema-driven filtering)
-      entity: _entity,
-      filters,
-      look = "right-aligned-buttons"
-    }) => {
-      const eventBus = useSafeEventBus2();
-      const variantClasses2 = {
-        default: "gap-0",
-        segmented: "gap-0 [&>button]:rounded-none [&>button:first-child]:rounded-l-lg [&>button:last-child]:rounded-r-lg [&>button:not(:first-child)]:border-l-0",
-        toggle: "gap-0 [&>button]:rounded-none [&>button:first-child]:rounded-l-lg [&>button:last-child]:rounded-r-lg [&>button:not(:first-child)]:border-l-0"
-      };
-      const orientationClasses = {
-        horizontal: "flex-row",
-        vertical: "flex-col [&>button:first-child]:rounded-t-lg [&>button:last-child]:rounded-b-lg [&>button:not(:first-child)]:border-t-0 [&>button:not(:first-child)]:border-l"
-      };
-      const handleActionClick = (action) => {
-        if (action.event) {
-          eventBus.emit("UI:DISPATCH", { event: action.event });
-        }
-        if (action.navigatesTo) {
-          eventBus.emit("UI:NAVIGATE", { url: action.navigatesTo });
-        }
-      };
-      const renderFormActions = () => {
-        const buttons = [];
-        if (secondary) {
-          secondary.forEach((action, index) => {
-            buttons.push(
-              /* @__PURE__ */ jsxRuntime.jsx(
-                exports.Button,
-                {
-                  type: action.actionType === "submit" ? "submit" : "button",
-                  variant: action.variant || "ghost",
-                  onClick: () => handleActionClick(action),
-                  children: action.label
-                },
-                `secondary-${index}`
-              )
-            );
-          });
-        }
-        if (primary) {
-          const isSubmit = primary.actionType === "submit";
-          buttons.push(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              exports.Button,
-              {
-                type: isSubmit ? "submit" : "button",
-                variant: primary.variant || "primary",
-                onClick: () => handleActionClick(primary),
-                "data-testid": isSubmit ? "form-submit" : void 0,
-                children: primary.label
-              },
-              "primary"
-            )
-          );
-        }
-        return buttons;
-      };
-      const renderFilters = () => {
-        if (!filters || filters.length === 0) return null;
-        return filters.map((filter, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          exports.Button,
-          {
-            variant: "ghost",
-            onClick: () => {
-              log6.debug("Filter clicked", { field: filter.field });
-            },
-            children: filter.label
-          },
-          `filter-${filter.field}-${index}`
-        ));
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "inline-flex gap-2",
-            variantClasses2[variant],
-            orientationClasses[orientation],
-            lookStyles4[look],
-            className
-          ),
-          role: "group",
-          children: children || renderFilters() || renderFormActions()
-        }
-      );
-    };
-    exports.ButtonGroup.displayName = "ButtonGroup";
-  }
-});
 function useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
   const startX = React80.useRef(0);
@@ -19594,7 +19471,7 @@ var init_CardGrid = __esm({
     exports.CardGrid.displayName = "CardGrid";
   }
 });
-function useSafeEventBus3() {
+function useSafeEventBus2() {
   try {
     return useEventBus();
   } catch {
@@ -19630,7 +19507,7 @@ var init_Carousel = __esm({
       const [activeIndex, setActiveIndex] = React80.useState(0);
       const scrollRef = React80.useRef(null);
       const autoPlayRef = React80.useRef(null);
-      const eventBus = useSafeEventBus3();
+      const eventBus = useSafeEventBus2();
       const { t } = hooks.useTranslate();
       const safeItems = items ?? [];
       const totalSlides = safeItems.length;
@@ -24255,7 +24132,7 @@ function DataGrid({
       /* @__PURE__ */ jsxRuntime.jsx(
         exports.Box,
         {
-          className: cn("grid", gapStyles5[gap], scrollX ? "grid-flow-col overflow-x-auto" : colsClass, lookStyles5[look], className),
+          className: cn("grid", gapStyles5[gap], scrollX ? "grid-flow-col overflow-x-auto" : colsClass, lookStyles4[look], className),
           style: scrollX ? { gridAutoFlow: "column", gridAutoColumns: `minmax(${minCardWidth}px, 1fr)` } : gridTemplateColumns ? { gridTemplateColumns } : void 0,
           children: data.map((item, index) => {
             const itemData = item;
@@ -24450,7 +24327,7 @@ function DataGrid({
     ] })
   );
 }
-var dataGridLog, BADGE_VARIANTS, gapStyles5, lookStyles5;
+var dataGridLog, BADGE_VARIANTS, gapStyles5, lookStyles4;
 var init_DataGrid = __esm({
   "components/core/molecules/DataGrid.tsx"() {
     "use client";
@@ -24485,7 +24362,7 @@ var init_DataGrid = __esm({
       lg: "gap-6",
       xl: "gap-8"
     };
-    lookStyles5 = {
+    lookStyles4 = {
       dense: "gap-2 [&>*]:p-card-sm",
       spacious: "gap-8 [&>*]:p-card-lg",
       striped: "[&>*:nth-child(even)]:bg-muted/30",
@@ -26029,6 +25906,129 @@ var init_FormField = __esm({
     exports.FormField.displayName = "FormField";
   }
 });
+function useSafeEventBus3() {
+  try {
+    return useEventBus();
+  } catch {
+    return { emit: () => {
+    }, on: () => () => {
+    }, once: () => {
+    } };
+  }
+}
+var log6, lookStyles5; exports.ButtonGroup = void 0;
+var init_ButtonGroup = __esm({
+  "components/core/molecules/ButtonGroup.tsx"() {
+    "use client";
+    init_cn();
+    init_atoms();
+    init_useEventBus();
+    log6 = logger.createLogger("almadar:ui:button-group");
+    lookStyles5 = {
+      "right-aligned-buttons": "",
+      "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
+      "inline-row": "gap-2 inline-flex",
+      "dropdown-menu": "[&>button:not(:first-child)]:hidden",
+      "command-palette-trigger": "[&>button:not(:first-child)]:hidden"
+    };
+    exports.ButtonGroup = ({
+      children,
+      primary,
+      secondary,
+      variant = "default",
+      orientation = "horizontal",
+      className,
+      // Filter-group pattern props (entity and filters are used for schema-driven filtering)
+      entity: _entity,
+      filters,
+      look = "right-aligned-buttons"
+    }) => {
+      const eventBus = useSafeEventBus3();
+      const variantClasses2 = {
+        default: "gap-0",
+        segmented: "gap-0 [&>button]:rounded-none [&>button:first-child]:rounded-l-lg [&>button:last-child]:rounded-r-lg [&>button:not(:first-child)]:border-l-0",
+        toggle: "gap-0 [&>button]:rounded-none [&>button:first-child]:rounded-l-lg [&>button:last-child]:rounded-r-lg [&>button:not(:first-child)]:border-l-0"
+      };
+      const orientationClasses = {
+        horizontal: "flex-row",
+        vertical: "flex-col [&>button:first-child]:rounded-t-lg [&>button:last-child]:rounded-b-lg [&>button:not(:first-child)]:border-t-0 [&>button:not(:first-child)]:border-l"
+      };
+      const handleActionClick = (action) => {
+        if (action.event) {
+          eventBus.emit("UI:DISPATCH", { event: action.event });
+        }
+        if (action.navigatesTo) {
+          eventBus.emit("UI:NAVIGATE", { url: action.navigatesTo });
+        }
+      };
+      const renderFormActions = () => {
+        const buttons = [];
+        if (secondary) {
+          secondary.forEach((action, index) => {
+            buttons.push(
+              /* @__PURE__ */ jsxRuntime.jsx(
+                exports.Button,
+                {
+                  type: action.actionType === "submit" ? "submit" : "button",
+                  variant: action.variant || "ghost",
+                  onClick: () => handleActionClick(action),
+                  children: action.label
+                },
+                `secondary-${index}`
+              )
+            );
+          });
+        }
+        if (primary) {
+          const isSubmit = primary.actionType === "submit";
+          buttons.push(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              exports.Button,
+              {
+                type: isSubmit ? "submit" : "button",
+                variant: primary.variant || "primary",
+                onClick: () => handleActionClick(primary),
+                "data-testid": isSubmit ? "form-submit" : void 0,
+                children: primary.label
+              },
+              "primary"
+            )
+          );
+        }
+        return buttons;
+      };
+      const renderFilters = () => {
+        if (!filters || filters.length === 0) return null;
+        return filters.map((filter, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Button,
+          {
+            variant: "ghost",
+            onClick: () => {
+              log6.debug("Filter clicked", { field: filter.field });
+            },
+            children: filter.label
+          },
+          `filter-${filter.field}-${index}`
+        ));
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "inline-flex gap-2",
+            variantClasses2[variant],
+            orientationClasses[orientation],
+            lookStyles5[look],
+            className
+          ),
+          role: "group",
+          children: children || renderFilters() || renderFormActions()
+        }
+      );
+    };
+    exports.ButtonGroup.displayName = "ButtonGroup";
+  }
+});
 function getOrCreateStore(query) {
   if (!queryStores.has(query)) {
     queryStores.set(query, {
@@ -52825,7 +52825,6 @@ var init_component_registry_generated = __esm({
     init_BranchingLogicBuilder();
     init_Breadcrumb();
     init_BuilderBoard();
-    init_ButtonGroup();
     init_CTABanner();
     init_CalendarGrid();
     init_Canvas2D();
@@ -52902,9 +52901,9 @@ var init_component_registry_generated = __esm({
     init_FlipContainer();
     init_FloatingActionButton();
     init_Form();
+    init_FormSection();
     init_FormField();
     init_FormSectionHeader();
-    init_GameAudioProvider();
     init_GameAudioToggle();
     init_GameCard();
     init_GameHud();
@@ -53153,7 +53152,6 @@ var init_component_registry_generated = __esm({
       "Breadcrumb": exports.Breadcrumb,
       "BuilderBoard": BuilderBoard,
       "Button": ButtonPattern,
-      "ButtonGroup": exports.ButtonGroup,
       "ButtonPattern": ButtonPattern,
       "CTABanner": exports.CTABanner,
       "CalendarGrid": CalendarGrid,
@@ -53233,9 +53231,10 @@ var init_component_registry_generated = __esm({
       "FlipContainer": exports.FlipContainer,
       "FloatingActionButton": exports.FloatingActionButton,
       "Form": exports.Form,
+      "FormActions": exports.FormActions,
       "FormField": exports.FormField,
+      "FormLayout": exports.FormLayout,
       "FormSectionHeader": exports.FormSectionHeader,
-      "GameAudioProvider": GameAudioProvider,
       "GameAudioToggle": GameAudioToggle,
       "GameBoard3D": GameBoard3D,
       "GameCanvas3D": GameCanvas3D,

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css */
+/* node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -214,11 +214,11 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.47";
+  content: "0.16.45";
 }
 .katex .katex-mathml {
+  clip: rect(1px, 1px, 1px, 1px);
   border: 0;
-  clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
   padding: 0;