@godxjp/ui 6.12.0 → 8.0.0

package/dist/{chunk-V6UWJKZF.js → chunk-HTEL5DQI.js}

@@ -1,4 +1,4 @@
-import { controlIconLeadingClass } from './chunk-ICM6XBST.js';
+import { controlIconLeadingClass } from './chunk-IBK5D2Q6.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import { Command as Command$1 } from 'cmdk';

package/dist/{chunk-ICM6XBST.js → chunk-IBK5D2Q6.js}

@@ -11,6 +11,7 @@ var toneSuccessClass = "border-success/30 bg-success/10 text-success";
 var toneWarningClass = "border-warning/30 bg-warning/10 text-warning-foreground";
 var toneInfoClass = "border-info/30 bg-info/10 text-info";
 var toneDestructiveClass = "border-destructive/30 bg-destructive/10 text-destructive";
+var toneMutedClass = "border-border bg-muted text-muted-foreground";
 var toneNeutralClass = "border-border bg-muted text-muted-foreground";
 
-export { controlIconClass, controlIconLeadingClass, controlIconSmClass, controlMultilineClass, controlTriggerClass, tableCellPaddingClass, tableHeadHeightClass, tableRowHeightClass, toneDestructiveClass, toneInfoClass, toneNeutralClass, toneSuccessClass, toneWarningClass };
+export { controlIconClass, controlIconLeadingClass, controlIconSmClass, controlMultilineClass, controlTriggerClass, tableCellPaddingClass, tableHeadHeightClass, tableRowHeightClass, toneDestructiveClass, toneInfoClass, toneMutedClass, toneNeutralClass, toneSuccessClass, toneWarningClass };

package/dist/{chunk-IK7I3ABN.js → chunk-IOGU3ZWF.js}

@@ -1,5 +1,5 @@
-import { controlIconSmClass } from './chunk-ICM6XBST.js';
-import { buttonVariants } from './chunk-HJEBRCXL.js';
+import { buttonVariants } from './chunk-M4PZNAMV.js';
+import { controlIconSmClass } from './chunk-IBK5D2Q6.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { DayPicker } from 'react-day-picker';

package/dist/{chunk-HJEBRCXL.js → chunk-M4PZNAMV.js}

@@ -16,6 +16,7 @@ var buttonVariants = cva("ui-button", {
     },
     size: {
       default: "ui-button--default-size py-2 has-[>svg]:px-3",
+      md: "ui-button--default-size py-2 has-[>svg]:px-3",
       xs: "h-[calc(var(--control-height)-0.75rem)] gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
       sm: "ui-button--sm gap-1.5 rounded-md has-[>svg]:px-2.5",
       lg: "ui-button--lg rounded-md has-[>svg]:px-4",

package/dist/{chunk-2QG3OVAD.js → chunk-N43OKOFT.js}

@@ -1,5 +1,5 @@
-import { AlertQueryError } from './chunk-6UFKWOEW.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { AlertQueryError } from './chunk-TMDGV4CN.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import * as React from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -45,7 +45,7 @@ function DataState({
   if (empty && (data === null || isEmpty(data))) return /* @__PURE__ */ jsx(Fragment, { children: empty });
   return /* @__PURE__ */ jsx(Fragment, { children: children(data) });
 }
-function MutationFeedback({
+function AlertMutationFeedback({
   mutation,
   onRetry,
   showRetry = true,
@@ -63,7 +63,8 @@ function MutationFeedback({
     }
   );
 }
-function QueryRefetchButton({
+var MutationFeedback = AlertMutationFeedback;
+function ButtonRefetch({
   query,
   label = "Refresh",
   children,
@@ -97,6 +98,7 @@ function QueryRefetchButton({
     }
   );
 }
+var QueryRefetchButton = ButtonRefetch;
 function flattenItemPages(data) {
   if (!data) return [];
   return data.pages.flatMap((page) => page.items);
@@ -188,4 +190,4 @@ function PrefetchLink({
   );
 }
 
-export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages };
+export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages };

package/dist/{chunk-YVBZ37ZE.js → chunk-NG23LVTM.js}

@@ -1,8 +1,8 @@
 import { reactNodeText } from './chunk-SMLKNECP.js';
-import { Checkbox } from './chunk-E76QIYSY.js';
-import { Input } from './chunk-VOHTRR5X.js';
+import { Checkbox } from './chunk-O24Z3ULJ.js';
 import { ScrollArea } from './chunk-3KPEZ5CF.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Input } from './chunk-VOHTRR5X.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -205,7 +205,7 @@ function TransferPanel({
 function Transfer({
   dataSource,
   targetKeys,
-  onChange,
+  onValueChange,
   titles,
   showSearch,
   oneWay,
@@ -229,7 +229,7 @@ function Transfer({
     const keys = selected[fromSide];
     if (!keys.length) return;
     const nextTarget = direction === "right" ? [...targetKeys, ...keys.filter((k) => !targetKeys.includes(k))] : targetKeys.filter((k) => !keys.includes(k));
-    onChange?.(nextTarget, direction, keys);
+    onValueChange?.(nextTarget, direction, keys);
     const cleared = fromSide === 0 ? [[], selected[1]] : [selected[0], []];
     if (selectedKeysProp) onSelectChange?.(cleared[0], cleared[1]);
     else setInternalSelected(cleared);

package/dist/{chunk-E76QIYSY.js → chunk-O24Z3ULJ.js}

@@ -1,4 +1,4 @@
-import { ChoiceField, choiceGroupClassName } from './chunk-CQBADMFG.js';
+import { Field, choiceGroupClassName } from './chunk-26CPAKUP.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -19,7 +19,7 @@ function useControllableArray(controlled, defaultValue) {
 function CheckboxGroup({
   value: controlledValue,
   defaultValue = [],
-  onChange,
+  onValueChange,
   options,
   orientation = "vertical",
   disabled,
@@ -32,7 +32,7 @@ function CheckboxGroup({
   const toggle = (optionValue) => {
     const next = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
     setValue(next);
-    onChange?.(next);
+    onValueChange?.(next);
   };
   if (options && options.length > 0) {
     return /* @__PURE__ */ jsx(
@@ -45,7 +45,7 @@ function CheckboxGroup({
         children: options.map((opt, index) => {
           const id = `${reactId}-${opt.value}-${index}`;
           const checked = value.includes(opt.value);
-          return /* @__PURE__ */ jsx(ChoiceField, { id, label: opt.label, description: opt.description, children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(Field, { id, label: opt.label, description: opt.description, children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               id,

package/dist/{chunk-GXHZAJUA.js → chunk-O2OUNXV4.js}

@@ -86,7 +86,7 @@ function getDeltaTone(delta, inverse) {
   const semanticPositive = inverse ? !isPositive : isPositive;
   return semanticPositive ? "positive" : "negative";
 }
-function CardStat({
+function StatCard({
   label,
   value,
   hint,
@@ -103,23 +103,23 @@ function CardStat({
     Card,
     {
       size: size ?? "compact",
-      className,
+      className: cn("ui-stat-card", className),
       "data-stat-card": "",
       "data-stat-layout": layout,
       "data-stat-align": align,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { "data-slot": "card-stat-body", children: [
-          /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-label", children: label }),
-          hint && layout === "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-hint", children: hint }) : null
+        /* @__PURE__ */ jsxs("div", { "data-slot": "stat-card-body", children: [
+          /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-label", children: label }),
+          hint && layout === "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-hint", children: hint }) : null
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { "data-slot": "card-stat-value-row", children: [
-            /* @__PURE__ */ jsx("span", { "data-slot": "card-stat-value", children: value }),
+          /* @__PURE__ */ jsxs("div", { "data-slot": "stat-card-value-row", children: [
+            /* @__PURE__ */ jsx("span", { "data-slot": "stat-card-value", children: value }),
             delta ? /* @__PURE__ */ jsx(
               "span",
               {
-                "data-slot": "card-stat-delta",
+                "data-slot": "stat-card-delta",
                 "data-delta-tone": deltaTone,
                 className: cn(
                   deltaTone === "positive" && "text-success",
@@ -129,7 +129,7 @@ function CardStat({
               }
             ) : null
           ] }),
-          hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-hint", children: hint }) : null
+          hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-hint", children: hint }) : null
         ] })
       ]
     }
@@ -140,4 +140,4 @@ var CardAction = React.forwardRef(
 );
 CardAction.displayName = "CardAction";
 
-export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle };
+export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard };

package/dist/{chunk-L6J44O74.js → chunk-OJZ6C2HM.js}

@@ -1,4 +1,4 @@
-import { controlIconClass } from './chunk-ICM6XBST.js';
+import { controlIconClass } from './chunk-IBK5D2Q6.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Check, Loader2, X, Circle } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -65,7 +65,7 @@ function Steps({
 }) {
   const base = initial;
   const isVertical = orientation === "vertical";
-  const compact = size === "small";
+  const compact = size === "sm";
   return /* @__PURE__ */ jsx(
     "ol",
     {

package/dist/{chunk-2HLWHQJA.js → chunk-P4HFJQID.js}

@@ -1,5 +1,5 @@
 import { Input } from './chunk-VOHTRR5X.js';
-import { buttonVariants, Button } from './chunk-HJEBRCXL.js';
+import { buttonVariants, Button } from './chunk-M4PZNAMV.js';
 import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -152,7 +152,7 @@ var DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogCancel.displayName = "DialogCancel";
-function DialogConfirm({
+function AlertDialog({
   open,
   onOpenChange,
   title,
@@ -232,7 +232,8 @@ var Dialog = Object.assign(DialogRoot, {
   Close: DialogClose,
   Action: DialogAction,
   Cancel: DialogCancel,
-  Confirm: DialogConfirm
+  Confirm: AlertDialog
 });
+var DialogConfirm = AlertDialog;
 
-export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };

package/dist/chunk-R2W2FX5Q.js

@@ -0,0 +1,48 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var Switch = React.forwardRef(
+  ({
+    className,
+    size = "default",
+    name,
+    checked,
+    defaultChecked = false,
+    onCheckedChange,
+    ...props
+  }, ref) => {
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
+    const isControlled = checked !== void 0;
+    const isChecked = isControlled ? checked : internalChecked;
+    const handleCheckedChange = (next) => {
+      if (!isControlled) {
+        setInternalChecked(next);
+      }
+      onCheckedChange?.(next);
+    };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: isChecked ? "1" : "0", readOnly: true }) : null,
+      /* @__PURE__ */ jsx(
+        SwitchPrimitive.Root,
+        {
+          ref,
+          "data-slot": "switch",
+          "data-size": size,
+          checked: isChecked,
+          onCheckedChange: handleCheckedChange,
+          className: cn(
+            "peer ui-switch focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ui-switch-thumb" })
+        }
+      )
+    ] });
+  }
+);
+Switch.displayName = SwitchPrimitive.Root.displayName;
+
+export { Switch };

package/dist/{chunk-AZS7553U.js → chunk-RGIYKJPW.js}

@@ -1,7 +1,7 @@
-import { Calendar } from './chunk-IK7I3ABN.js';
+import { Calendar } from './chunk-IOGU3ZWF.js';
 import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation, usePickerLocales } from './chunk-RLGHEV4A.js';
 import { toIsoDate, parseDateInput } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -12,7 +12,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var ISO_HINT = "yyyy-mm-dd";
 function DatePicker({
   value,
-  onChange,
+  onValueChange,
   placeholder,
   disabled,
   className,
@@ -33,12 +33,12 @@ function DatePicker({
   const commit = (raw) => {
     const trimmed = raw.trim();
     if (trimmed === "") {
-      onChange?.(void 0);
+      onValueChange?.(void 0);
       return;
     }
     const parsed = parseDateInput(trimmed);
     if (parsed) {
-      onChange?.(parsed);
+      onValueChange?.(parsed);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
@@ -86,7 +86,7 @@ function DatePicker({
           mode: "single",
           selected: value,
           onSelect: (date) => {
-            onChange?.(date);
+            onValueChange?.(date);
             setText(toIsoDate(date));
             setOpen(false);
           },

package/dist/{chunk-GH7E5N6F.js → chunk-RGPF3HU6.js}

@@ -1,6 +1,6 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { normalizeHhmm, isValidHhmm } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
@@ -133,7 +133,7 @@ function TimePickerPanel({ value, minuteStep, onChange, onDone }) {
 function TimePicker({
   value: controlledValue,
   defaultValue,
-  onChange,
+  onValueChange,
   placeholder,
   disabled,
   className,
@@ -153,7 +153,7 @@ function TimePicker({
   }, [value]);
   const setValue = (next) => {
     if (!isControlled) setInternal(next);
-    onChange?.(next);
+    onValueChange?.(next);
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
     /* @__PURE__ */ jsx(

package/dist/chunk-SEG2YBXF.js

@@ -0,0 +1,29 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { jsx } from 'react/jsx-runtime';
+
+var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, { ref, "data-slot": "avatar", className: cn("ui-avatar", className), ...props }));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    "data-slot": "avatar-image",
+    className: cn("ui-avatar-image", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    "data-slot": "avatar-fallback",
+    className: cn("ui-avatar-fallback", className),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/{chunk-JBEIL3VD.js → chunk-SKIRU7GC.js}

@@ -1,5 +1,5 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-EE3B3TEQ.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-G2WYOCDL.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';

package/dist/chunk-TILFZBTE.js

@@ -0,0 +1,50 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/variants.ts
+var densityClass = {
+  compact: "ui-density-compact",
+  default: "ui-density-default",
+  comfortable: "ui-density-comfortable"
+};
+var pageContainerVariantClass = {
+  default: void 0,
+  narrow: "ui-page-container--narrow",
+  flush: "ui-page-container--flush",
+  ghost: "ui-page-container--ghost"
+};
+var flexGapClass = {
+  xs: "ui-flex-gap-xs",
+  sm: "ui-flex-gap-sm",
+  md: "ui-flex-gap-md",
+  lg: "ui-flex-gap-lg",
+  xl: "ui-flex-gap-xl"
+};
+function Flex({
+  direction = "col",
+  gap = "md",
+  align,
+  justify,
+  wrap = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-direction": direction,
+      "data-align": align,
+      "data-justify": justify,
+      "data-wrap": wrap ? "true" : void 0,
+      className: cn("ui-flex", flexGapClass[gap], className),
+      ...props,
+      children
+    }
+  );
+}
+function Inline({ gap = "sm", ...props }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "row", wrap: true, gap, align: "center", ...props });
+}
+
+export { Flex, Inline, densityClass, pageContainerVariantClass };

package/dist/{chunk-6UFKWOEW.js → chunk-TMDGV4CN.js}

@@ -1,10 +1,10 @@
 import { humanError } from './chunk-4R7QL3MW.js';
-import { Inline } from './chunk-S66TJXJU.js';
-import { Button } from './chunk-HJEBRCXL.js';
+import { Inline } from './chunk-TILFZBTE.js';
+import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
-import { CheckCircle2, TriangleAlert, AlertCircle, Info, X, RefreshCw } from 'lucide-react';
+import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var AlertContext = React.createContext("default");
@@ -12,23 +12,27 @@ var DEFAULT_ICONS = {
   default: Info,
   destructive: AlertCircle,
   warning: TriangleAlert,
-  success: CheckCircle2
+  success: CheckCircle2,
+  info: Info,
+  muted: Info,
+  neutral: Info
 };
 var AlertBase = React.forwardRef(
-  ({ variant = "default", icon, onDismiss, className, children, ...props }, ref) => {
-    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[variant];
-    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs(
+  ({ variant = "default", tone = "default", icon, onDismiss, className, children, ...props }, ref) => {
+    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[tone];
+    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: tone, children: /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
         role: "alert",
         "data-slot": "alert",
         "data-variant": variant,
+        "data-tone": tone,
         "data-dismissible": onDismiss ? "" : void 0,
         className,
         ...props,
         children: [
-          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-variant": variant, "aria-hidden": "true" }),
+          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-tone": tone, "aria-hidden": "true" }),
           /* @__PURE__ */ jsx("div", { "data-slot": "alert-body", children }),
           onDismiss && /* @__PURE__ */ jsx(
             "button",
@@ -51,13 +55,13 @@ var AlertBase = React.forwardRef(
 AlertBase.displayName = "Alert";
 var AlertTitle = React.forwardRef(
   ({ className, ...props }, ref) => {
-    const variant = React.useContext(AlertContext);
+    const tone = React.useContext(AlertContext);
     return /* @__PURE__ */ jsx(
       "p",
       {
         ref,
         "data-slot": "alert-title",
-        "data-variant": variant,
+        "data-tone": tone,
         className,
         ...props
       }
@@ -87,7 +91,7 @@ var AlertActions = React.forwardRef(
 AlertActions.displayName = "AlertActions";
 function AlertQueryError({ error, onRetry, className }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className, children: [
+  return /* @__PURE__ */ jsxs(Alert, { tone: "destructive", className, children: [
     /* @__PURE__ */ jsx(AlertTitle, { children: t("common.error") }),
     /* @__PURE__ */ jsx(AlertDescription, { children: humanError(error) }),
     onRetry && /* @__PURE__ */ jsx(AlertActions, { children: /* @__PURE__ */ jsx(

package/dist/chunk-UIYEAUWA.js

@@ -0,0 +1,78 @@
+import { toneNeutralClass, toneMutedClass, toneInfoClass, toneDestructiveClass, toneWarningClass, toneSuccessClass } from './chunk-IBK5D2Q6.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { cva } from 'class-variance-authority';
+import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_MAP = {
+  active: { tone: "success", icon: CheckCircle2 },
+  completed: { tone: "success", icon: CheckCircle2 },
+  delivered: { tone: "success", icon: CheckCircle2 },
+  done: { tone: "success", icon: CheckCircle2 },
+  permanent: { tone: "success", icon: CheckCircle2 },
+  succeeded: { tone: "success", icon: CheckCircle2 },
+  draft: { tone: "neutral", icon: Circle },
+  pending: { tone: "warning", icon: Clock },
+  scheduled: { tone: "info", icon: Clock },
+  sending: { tone: "info", icon: Play },
+  temporary: { tone: "warning", icon: Clock },
+  bounced: { tone: "destructive", icon: AlertCircle },
+  cancelled: { tone: "neutral", icon: Pause },
+  deleted: { tone: "destructive", icon: Trash2 },
+  failed: { tone: "destructive", icon: XCircle },
+  private: { tone: "neutral", icon: Circle },
+  internal: { tone: "info", icon: Circle },
+  public: { tone: "info", icon: Circle },
+  ASSIGNMENT_STATUS_ACTIVE: { tone: "success", icon: CheckCircle2 },
+  ASSIGNMENT_STATUS_SUSPENDED: { tone: "warning", icon: Pause },
+  ASSIGNMENT_STATUS_TERMINATED: { tone: "destructive", icon: XCircle }
+};
+var badgeVariants = cva(
+  "inline-flex items-center border text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var badgeToneClass = {
+  default: void 0,
+  success: cn("border-transparent", toneSuccessClass),
+  warning: cn("border-transparent", toneWarningClass),
+  destructive: cn("border-transparent", toneDestructiveClass),
+  info: cn("border-transparent", toneInfoClass),
+  muted: cn("border-transparent", toneMutedClass),
+  neutral: cn("border-transparent", toneNeutralClass)
+};
+function Badge({ className, variant, tone, icon, status, children, ...props }) {
+  const { t } = useTranslation();
+  const statusDef = status ? STATUS_MAP[status] ?? { tone: "neutral", icon: Circle } : null;
+  const resolvedTone = tone ?? statusDef?.tone ?? "default";
+  const ResolvedIcon = icon === void 0 ? statusDef?.icon : icon;
+  const resolvedChildren = children ?? (status ? status in STATUS_MAP ? t(`status.${status}`) : status : void 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "badge",
+      "data-tone": resolvedTone,
+      className: cn(
+        badgeVariants({ variant: variant ?? "default" }),
+        badgeToneClass[resolvedTone],
+        className
+      ),
+      ...props,
+      children: [
+        ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
+        resolvedChildren
+      ]
+    }
+  );
+}
+
+export { Badge };