@almadar/ui 2.16.1 → 2.18.0

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

@@ -1,4 +1,4 @@
-import React8, { forwardRef, useRef, useEffect, useImperativeHandle, createContext, useState, useMemo, useCallback, Component, useContext } from 'react';
+import React7, { forwardRef, useRef, useEffect, useImperativeHandle, createContext, useState, useMemo, useCallback, Component, useContext } from 'react';
 import { useThree, useFrame, Canvas } from '@react-three/fiber';
 import * as THREE6 from 'three';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1818,7 +1818,7 @@ function UnitRenderer({
   onAnimationStateChange,
   animationSpeed = 1
 }) {
-  const handleUnitClick = React8.useCallback(
+  const handleUnitClick = React7.useCallback(
     (unit) => {
       onUnitClick?.(unit);
     },
@@ -2797,7 +2797,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React8.forwardRef(
+var Box = React7.forwardRef(
   ({
     padding,
     paddingX,

package/dist/docs/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React4 = require('react');
+var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var LucideIcons = require('lucide-react');
 
@@ -24,7 +24,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React4__default = /*#__PURE__*/_interopDefault(React4);
+var React3__default = /*#__PURE__*/_interopDefault(React3);
 var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
 
 // node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -2506,7 +2506,7 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var EventBusContext = React4.createContext(null);
+var EventBusContext = React3.createContext(null);
 
 // hooks/useEventBus.ts
 function getGlobalEventBus() {
@@ -2576,7 +2576,7 @@ var fallbackEventBus = {
   }
 };
 function useEventBus() {
-  const context = React4.useContext(EventBusContext);
+  const context = React3.useContext(EventBusContext);
   return context ?? getGlobalEventBus() ?? fallbackEventBus;
 }
 var paddingStyles = {
@@ -2681,7 +2681,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React4__default.default.forwardRef(
+var Box = React3__default.default.forwardRef(
   ({
     padding,
     paddingX,
@@ -2710,20 +2710,20 @@ var Box = React4__default.default.forwardRef(
     ...rest
   }, ref) => {
     const eventBus = useEventBus();
-    const handleClick = React4.useCallback((e) => {
+    const handleClick = React3.useCallback((e) => {
       if (action) {
         e.stopPropagation();
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
       }
       onClick?.(e);
     }, [action, actionPayload, eventBus, onClick]);
-    const handleMouseEnter = React4.useCallback((e) => {
+    const handleMouseEnter = React3.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: true });
       }
       onMouseEnter?.(e);
     }, [hoverEvent, eventBus, onMouseEnter]);
-    const handleMouseLeave = React4.useCallback((e) => {
+    const handleMouseLeave = React3.useCallback((e) => {
       if (hoverEvent) {
         eventBus.emit(`UI:${hoverEvent}`, { hovered: false });
       }
@@ -3107,7 +3107,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: sizeClass });
   }
-  if (React4__default.default.isValidElement(value)) {
+  if (React3__default.default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -3116,7 +3116,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React4__default.default.forwardRef(
+var Button = React3__default.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3216,7 +3216,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React4__default.default.forwardRef(
+var Card = React3__default.default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3252,9 +3252,9 @@ var Card = React4__default.default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -3267,11 +3267,11 @@ var CardTitle = React4__default.default.forwardRef(({ className, ...props }, ref
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React4__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React3__default.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -3350,7 +3350,7 @@ var Divider = ({
   );
 };
 Divider.displayName = "Divider";
-var Input = React4__default.default.forwardRef(
+var Input = React3__default.default.forwardRef(
   ({
     className,
     inputType,
@@ -3463,7 +3463,7 @@ var Input = React4__default.default.forwardRef(
 );
 Input.displayName = "Input";
 var DocSidebarCategory = ({ item, depth }) => {
-  const [expanded, setExpanded] = React4.useState(
+  const [expanded, setExpanded] = React3.useState(
     () => item.items?.some(function hasActive(child) {
       if (child.active) return true;
       return child.items?.some(hasActive) ?? false;
@@ -3618,7 +3618,7 @@ var DocBreadcrumb = ({
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
         const isLast = idx === items.length - 1;
-        return /* @__PURE__ */ jsxRuntime.jsxs(React4__default.default.Fragment, { children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(React3__default.default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
             {
@@ -3670,8 +3670,8 @@ function DocCodeBlock({
   showLineNumbers = false,
   className
 }) {
-  const [copied, setCopied] = React4.useState(false);
-  const handleCopy = React4.useCallback(() => {
+  const [copied, setCopied] = React3.useState(false);
+  const handleCopy = React3.useCallback(() => {
     void navigator.clipboard.writeText(code).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
@@ -3836,13 +3836,13 @@ function DocSearch({
   onSearch,
   className
 }) {
-  const [query, setQuery] = React4.useState("");
-  const [results, setResults] = React4.useState([]);
-  const [isOpen, setIsOpen] = React4.useState(false);
-  const [activeIndex, setActiveIndex] = React4.useState(-1);
-  const containerRef = React4.useRef(null);
-  const debounceRef = React4.useRef(void 0);
-  React4.useEffect(() => {
+  const [query, setQuery] = React3.useState("");
+  const [results, setResults] = React3.useState([]);
+  const [isOpen, setIsOpen] = React3.useState(false);
+  const [activeIndex, setActiveIndex] = React3.useState(-1);
+  const containerRef = React3.useRef(null);
+  const debounceRef = React3.useRef(void 0);
+  React3.useEffect(() => {
     function handleClickOutside(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -3851,7 +3851,7 @@ function DocSearch({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const performSearch = React4.useCallback(
+  const performSearch = React3.useCallback(
     (value) => {
       if (!onSearch || !value.trim()) {
         setResults([]);
@@ -3873,7 +3873,7 @@ function DocSearch({
     },
     [onSearch]
   );
-  const handleChange = React4.useCallback(
+  const handleChange = React3.useCallback(
     (e) => {
       const value = e.target.value;
       setQuery(value);
@@ -3886,18 +3886,18 @@ function DocSearch({
     },
     [performSearch]
   );
-  const handleFocus = React4.useCallback(() => {
+  const handleFocus = React3.useCallback(() => {
     if (results.length > 0) {
       setIsOpen(true);
     }
   }, [results]);
-  const navigateTo = React4.useCallback((href) => {
+  const navigateTo = React3.useCallback((href) => {
     setIsOpen(false);
     setQuery("");
     setResults([]);
     window.location.href = href;
   }, []);
-  const handleKeyDown = React4.useCallback(
+  const handleKeyDown = React3.useCallback(
     (e) => {
       if (e.key === "Escape") {
         setIsOpen(false);
@@ -3924,7 +3924,7 @@ function DocSearch({
     },
     [isOpen, results, activeIndex, navigateTo]
   );
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     return () => {
       if (debounceRef.current) {
         clearTimeout(debounceRef.current);

package/dist/docs/index.js

@@ -1,4 +1,4 @@
-import React4, { createContext, useCallback, useContext, useState, useRef, useEffect } from 'react';
+import React3, { createContext, useCallback, useContext, useState, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, ChevronDown, X } from 'lucide-react';
@@ -2657,7 +2657,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React4.forwardRef(
+var Box = React3.forwardRef(
   ({
     padding,
     paddingX,
@@ -3083,7 +3083,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React4.isValidElement(value)) {
+  if (React3.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -3092,7 +3092,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React4.forwardRef(
+var Button = React3.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3192,7 +3192,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React4.forwardRef(
+var Card = React3.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -3228,9 +3228,9 @@ var Card = React4.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -3243,11 +3243,11 @@ var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3326,7 +3326,7 @@ var Divider = ({
   );
 };
 Divider.displayName = "Divider";
-var Input = React4.forwardRef(
+var Input = React3.forwardRef(
   ({
     className,
     inputType,
@@ -3594,7 +3594,7 @@ var DocBreadcrumb = ({
       "aria-label": "Breadcrumb",
       children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
         const isLast = idx === items.length - 1;
-        return /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(
             Icon,
             {