@almadar/ui 4.1.0 → 4.3.0

package/dist/avl/index.cjs

@@ -10859,21 +10859,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = React126.useState(false);
       const fabRef = React126.useRef(null);
       React126.useEffect(() => {
@@ -21738,6 +21743,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -21951,7 +21966,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -22044,7 +22059,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -22059,6 +22074,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/avl/index.js

@@ -10813,21 +10813,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = useState(false);
       const fabRef = useRef(null);
       useEffect(() => {
@@ -21692,6 +21697,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -21905,7 +21920,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -21998,7 +22013,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -22013,6 +22028,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/components/index.cjs

@@ -6112,21 +6112,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     exports.FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = React110.useState(false);
       const fabRef = React110.useRef(null);
       React110.useEffect(() => {
@@ -17266,6 +17271,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -17479,7 +17494,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -17572,7 +17587,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -17587,6 +17602,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/components/index.js

@@ -6067,21 +6067,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = useState(false);
       const fabRef = useRef(null);
       useEffect(() => {
@@ -17221,6 +17226,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -17434,7 +17449,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -17527,7 +17542,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -17542,6 +17557,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/components/molecules/DataGrid.d.ts

@@ -24,6 +24,16 @@ export interface DataGridField {
     variant?: 'h3' | 'h4' | 'body' | 'caption' | 'badge' | 'small' | 'progress';
     /** Optional format function name: 'date', 'currency', 'number', 'boolean' */
     format?: 'date' | 'currency' | 'number' | 'boolean' | 'percent';
+    /**
+     * Per-value color mapping for `variant: 'badge'`. Keys are exact field
+     * values; values are Badge variant names. Accepts the shadcn-style
+     * `destructive` alias and normalises it to `danger` at render time. When
+     * present, takes precedence over the built-in `statusVariant` heuristic.
+     *
+     * Example:
+     *   colorMap: { active: 'success', pending: 'warning', failed: 'destructive' }
+     */
+    colorMap?: Record<string, string>;
 }
 export interface DataGridItemAction {
     /** Button label */

package/dist/components/molecules/FloatingActionButton.d.ts

@@ -3,9 +3,15 @@
  *
  * A floating action button that can expand into multiple actions vertically.
  * Uses Button atom.
+ *
+ * Props mirror Button's `action`/`actionPayload` convention so a schema can
+ * declare `{ type: "floating-action-button", action: "INIT", icon: "plus" }`
+ * and have the FAB emit `UI:INIT` via the event bus on click — same shape
+ * any other clickable surface uses.
  */
 import React from "react";
 import type { LucideIcon } from "lucide-react";
+import type { EventKey, EventPayload } from "@almadar/core";
 export interface FloatingAction {
     /**
      * Action ID
@@ -32,30 +38,38 @@ export interface FloatingAction {
 }
 export interface FloatingActionButtonProps {
     /**
-     * Single action (if only one action, button will directly trigger onClick)
+     * Declarative event name. When set, clicking the FAB emits `UI:{action}`
+     * via the event bus and (if also provided) calls `onClick`. Mirrors the
+     * Button atom's `action` prop so schemas can write
+     * `{ type: "floating-action-button", action: "INIT" }` uniformly.
+     */
+    action?: EventKey;
+    /**
+     * Payload to include with the dispatched action event.
      */
-    action?: {
-        icon: LucideIcon;
-        onClick: () => void;
-        label?: string;
-        variant?: "primary" | "secondary" | "success" | "danger" | "warning";
-    };
+    actionPayload?: EventPayload;
     /**
-     * Multiple actions (if provided, button will expand to show all actions)
+     * Multiple actions. When provided, the button expands to show all of them.
      */
     actions?: FloatingAction[];
     /**
-     * Icon name (simplified API for pattern compatibility)
+     * Icon name (resolves to a Lucide icon by PascalCase / kebab-case lookup).
      */
     icon?: string;
     /**
-     * Click handler (simplified API for pattern compatibility)
+     * Optional direct click handler. Runs after the action emit when both are
+     * present.
      */
     onClick?: () => void;
     /**
-     * Variant (simplified API for pattern compatibility)
+     * Visual variant.
      */
     variant?: "primary" | "secondary" | "success" | "danger" | "warning";
+    /**
+     * Optional label shown via `aria-label` (visually hidden in single-action
+     * mode; rendered as a tooltip beside expanded actions in multi-action mode).
+     */
+    label?: string;
     /**
      * Button position
      * @default 'bottom-right'

package/dist/providers/index.cjs

@@ -7743,21 +7743,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = React115.useState(false);
       const fabRef = React115.useRef(null);
       React115.useEffect(() => {
@@ -18578,6 +18583,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -18791,7 +18806,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -18884,7 +18899,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -18899,6 +18914,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/providers/index.js

@@ -7698,21 +7698,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = useState(false);
       const fabRef = useRef(null);
       useEffect(() => {
@@ -18533,6 +18538,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -18746,7 +18761,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -18839,7 +18854,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -18854,6 +18869,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/runtime/index.cjs

@@ -7894,21 +7894,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = React115.useState(false);
       const fabRef = React115.useRef(null);
       React115.useEffect(() => {
@@ -18382,6 +18387,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -18595,7 +18610,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -18688,7 +18703,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -18703,6 +18718,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/dist/runtime/index.js

@@ -7849,21 +7849,26 @@ var init_FloatingActionButton = __esm({
     init_useTranslate();
     FloatingActionButton = ({
       action,
+      actionPayload,
       actions,
       icon,
       onClick,
       variant,
+      label,
       position = "bottom-right",
       className
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const resolvedAction = action ?? (icon ? {
+      const resolvedAction = icon ? {
         icon: resolveIcon2(icon),
-        onClick: onClick ?? (() => {
-        }),
+        onClick: () => {
+          if (action) eventBus.emit(`UI:${action}`, actionPayload ?? {});
+          onClick?.();
+        },
+        label,
         variant
-      } : void 0);
+      } : void 0;
       const [isExpanded, setIsExpanded] = useState(false);
       const fabRef = useRef(null);
       useEffect(() => {
@@ -18337,6 +18342,16 @@ function statusVariant2(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
+function resolveBadgeVariant(field, value) {
+  const fromMap = field.colorMap?.[value];
+  if (fromMap) {
+    const normalised = fromMap === "destructive" ? "danger" : fromMap;
+    if (BADGE_VARIANTS.has(normalised)) {
+      return normalised;
+    }
+  }
+  return statusVariant2(value);
+}
 function formatDate2(value) {
   if (!value) return "";
   const d = new Date(String(value));
@@ -18550,7 +18565,7 @@ function DataGrid({
                       if (val === void 0 || val === null) return null;
                       return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                         field.icon && /* @__PURE__ */ jsx(Icon, { name: field.icon, size: "xs" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: statusVariant2(String(val)), children: String(val) })
+                        /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: String(val) })
                       ] }, field.name);
                     }) })
                   ] }),
@@ -18643,7 +18658,7 @@ function DataGrid({
     )
   ] });
 }
-var gapStyles6;
+var BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
@@ -18658,6 +18673,17 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    BADGE_VARIANTS = /* @__PURE__ */ new Set([
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "error",
+      "info",
+      "neutral"
+    ]);
     gapStyles6 = {
       none: "gap-0",
       sm: "gap-2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",