@almadar/ui 2.22.2 → 2.24.0

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-import * as React108 from 'react';
-import React108__default, { createContext, useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo } from 'react';
+import * as React110 from 'react';
+import React110__default, { createContext, useCallback, useState, useRef, useLayoutEffect, useEffect, lazy, useContext, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { EventBusContext } from '@almadar/ui/providers';
 import 'react-dom';
@@ -674,7 +674,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React108__default.forwardRef(
+var Box = React110__default.forwardRef(
   ({
     padding,
     paddingX,
@@ -884,9 +884,9 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-[var(--shadow-active)]"
   ].join(" "),
   secondary: [
-    "bg-[var(--color-secondary)] text-[var(--color-secondary-foreground)]",
-    "border-[length:var(--border-width-thin)] border-[var(--color-border)]",
-    "hover:bg-[var(--color-secondary-hover)]",
+    "bg-transparent text-[var(--color-accent)]",
+    "border-[length:var(--border-width)] border-[var(--color-accent)]",
+    "hover:bg-[var(--color-accent)] hover:text-white",
     "active:scale-[var(--active-scale)]"
   ].join(" "),
   ghost: [
@@ -944,7 +944,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React108__default.isValidElement(value)) {
+  if (React110__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -953,7 +953,7 @@ function resolveIconProp(value, sizeClass) {
   }
   return value;
 }
-var Button = React108__default.forwardRef(
+var Button = React110__default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -1048,7 +1048,7 @@ var sizeStyles3 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React108__default.forwardRef(
+var Badge = React110__default.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
     const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
     const resolvedIcon = typeof icon === "string" ? (() => {
@@ -1075,7 +1075,7 @@ var Badge = React108__default.forwardRef(
   }
 );
 Badge.displayName = "Badge";
-var Input = React108__default.forwardRef(
+var Input = React110__default.forwardRef(
   ({
     className,
     inputType,
@@ -1187,7 +1187,7 @@ var Input = React108__default.forwardRef(
   }
 );
 Input.displayName = "Input";
-var Label = React108__default.forwardRef(
+var Label = React110__default.forwardRef(
   ({ className, required, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "label",
@@ -1207,7 +1207,7 @@ var Label = React108__default.forwardRef(
   }
 );
 Label.displayName = "Label";
-var Textarea = React108__default.forwardRef(
+var Textarea = React110__default.forwardRef(
   ({ className, error, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -1230,7 +1230,7 @@ var Textarea = React108__default.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Select = React108__default.forwardRef(
+var Select = React110__default.forwardRef(
   ({ className, options, placeholder, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -1266,7 +1266,7 @@ var Select = React108__default.forwardRef(
   }
 );
 Select.displayName = "Select";
-var Checkbox = React108__default.forwardRef(
+var Checkbox = React110__default.forwardRef(
   ({ className, label, id, ...props }, ref) => {
     const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -1340,7 +1340,7 @@ var shadowStyles2 = {
   md: "shadow-[var(--shadow-main)]",
   lg: "shadow-[var(--shadow-lg)]"
 };
-var Card = React108__default.forwardRef(
+var Card = React110__default.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -1376,9 +1376,9 @@ var Card = React108__default.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React108__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React110__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React108__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React110__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -1391,11 +1391,11 @@ var CardTitle = React108__default.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React108__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React110__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React108__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React110__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1410,7 +1410,7 @@ var sizeStyles4 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React108__default.forwardRef(
+var Spinner = React110__default.forwardRef(
   ({ className, size = "md", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -1424,7 +1424,7 @@ var Spinner = React108__default.forwardRef(
   }
 );
 Spinner.displayName = "Spinner";
-var Radio = React108__default.forwardRef(
+var Radio = React110__default.forwardRef(
   ({
     label,
     helperText,
@@ -1528,7 +1528,7 @@ var Radio = React108__default.forwardRef(
   }
 );
 Radio.displayName = "Radio";
-var Switch = React108.forwardRef(
+var Switch = React110.forwardRef(
   ({
     checked,
     defaultChecked = false,
@@ -1539,10 +1539,10 @@ var Switch = React108.forwardRef(
     name,
     className
   }, ref) => {
-    const [isChecked, setIsChecked] = React108.useState(
+    const [isChecked, setIsChecked] = React110.useState(
       checked !== void 0 ? checked : defaultChecked
     );
-    React108.useEffect(() => {
+    React110.useEffect(() => {
       if (checked !== void 0) {
         setIsChecked(checked);
       }
@@ -1700,7 +1700,7 @@ var sizeStyles5 = {
   md: "w-2.5 h-2.5",
   lg: "w-3 h-3"
 };
-var StatusDot = React108__default.forwardRef(
+var StatusDot = React110__default.forwardRef(
   ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -1747,7 +1747,7 @@ var iconMap2 = {
   down: TrendingDown,
   flat: ArrowRight
 };
-var TrendIndicator = React108__default.forwardRef(
+var TrendIndicator = React110__default.forwardRef(
   ({
     className,
     value,
@@ -1806,7 +1806,7 @@ var thumbSizes = {
   md: "w-4 h-4",
   lg: "w-5 h-5"
 };
-var RangeSlider = React108__default.forwardRef(
+var RangeSlider = React110__default.forwardRef(
   ({
     className,
     min = 0,
@@ -2009,7 +2009,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React108__default.forwardRef(
+var ContentSection = React110__default.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -2022,7 +2022,7 @@ var ContentSection = React108__default.forwardRef(
           paddingClasses[padding],
           className
         ),
-        children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
+        children
       }
     );
   }
@@ -2183,7 +2183,7 @@ var ErrorState = ({
   );
 };
 ErrorState.displayName = "ErrorState";
-var ErrorBoundary = class extends React108__default.Component {
+var ErrorBoundary = class extends React110__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "reset", () => {
@@ -2763,7 +2763,7 @@ function bindTraitStateGetter(getter) {
   }
 }
 exposeOnWindow();
-var MarkdownContent = React108__default.memo(
+var MarkdownContent = React110__default.memo(
   ({ content, direction, className }) => {
     const { t: _t } = useTranslate();
     return /* @__PURE__ */ jsx(
@@ -2864,7 +2864,7 @@ var MarkdownContent = React108__default.memo(
   (prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
 );
 MarkdownContent.displayName = "MarkdownContent";
-var CodeBlock = React108__default.memo(
+var CodeBlock = React110__default.memo(
   ({
     code,
     language = "text",
@@ -2980,12 +2980,12 @@ GameAudioContext.displayName = "GameAudioContext";
 
 // components/organisms/component-registry.generated.ts
 function lazyThree(name, loader) {
-  const Lazy = React108__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React110__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React108__default.createElement(
-      React108__default.Suspense,
+    return React110__default.createElement(
+      React110__default.Suspense,
       { fallback: null },
-      React108__default.createElement(Lazy, props)
+      React110__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -3012,7 +3012,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React108__default.createElement(
+  return React110__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children

package/dist/runtime/enrichFromResponse.d.ts

@@ -18,4 +18,4 @@
  * @param data - Entity records keyed by entity name (from server response.data)
  * @returns Enriched pattern with entity arrays injected
  */
-export declare function enrichFromResponse(node: Record<string, unknown>, data: Record<string, unknown[]>): Record<string, unknown>;
+export declare function enrichFromResponse(node: Record<string, unknown> | null | undefined, data: Record<string, unknown[]>): Record<string, unknown>;