@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/admin/index.js

@@ -1,49 +1,96 @@
-import '../../chunk-GJXOBDER.js';
-export { Toolbar, ToolbarGroup } from '../../chunk-RHPFCKB2.js';
-export { Steps } from '../../chunk-QROC2RMH.js';
-import '../../chunk-B73NA66T.js';
-import '../../chunk-WGWI7EGL.js';
-export { Pagination } from '../../chunk-3JORZPS7.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-export { PageContainer } from '../../chunk-I6G4IO7V.js';
-import '../../chunk-XK3M3VRR.js';
-import '../../chunk-W4REF4TD.js';
-import '../../chunk-HL3G4SVG.js';
-export { TreeSelect } from '../../chunk-EG3RDM6F.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-OO5DZH45.js';
-import '../../chunk-TBJBVEIP.js';
-export { Transfer } from '../../chunk-WY3VYUMX.js';
-import '../../chunk-LMKUKCTN.js';
-import '../../chunk-6S2ZU26B.js';
-export { SearchInput } from '../../chunk-LVLPNKJP.js';
-export { sonnerToast as toast } from '../../chunk-ES4Q3KGL.js';
-export { SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-2BR7KFCP.js';
-import '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-D4JX6O2W.js';
-export { formatBytes, formatCurrency, humanError, shortId } from '../../chunk-X6AJ5HEI.js';
-export { AlertDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-RZ32HY5E.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-VU4GFGDG.js';
-export { Toaster } from '../../chunk-TO7URV7U.js';
-export { Cascader } from '../../chunk-FQGGF7GQ.js';
-import '../../chunk-SMLKNECP.js';
-import '../../chunk-2RGPEFAW.js';
-export { DataTable, Descriptions } from '../../chunk-NVTZ2EDW.js';
-import '../../chunk-DV52WNXO.js';
-export { EmptyState } from '../../chunk-YD7V2HGZ.js';
-import '../../chunk-BE6GJGKJ.js';
-export { Field } from '../../chunk-44YRPSZ7.js';
-export { Flex } from '../../chunk-INIIF7F7.js';
-import '../../chunk-XBFUROAY.js';
-export { Badge } from '../../chunk-HIEGUYPP.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-J2DEWIYY.js';
-import '../../chunk-IJ5ALJGA.js';
-import '../../chunk-B4K4BXEF.js';
-export { FormField } from '../../chunk-LBYSX3VM.js';
-import '../../chunk-C3PKEV6S.js';
-import '../../chunk-7PWBC4BY.js';
-import '../../chunk-B6S6LTWT.js';
-export { formatDate } from '../../chunk-5732TWQF.js';
-export { useDebouncedValue, useTimeoutFlag } from '../../chunk-LFW37FGG.js';
-import '../../chunk-U7N2A7A3.js';
+import { PageContainer } from "../layout/page-container";
+import { Flex } from "../layout";
+import { EmptyState } from "../data-display/empty-state";
+import { Badge } from "../data-display/badge";
+import { FormField } from "../data-entry/form-field";
+import { Field } from "../data-entry/field";
+import { Descriptions } from "../data-display/descriptions";
+import { SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "../feedback/skeleton";
+import {
+  Alert,
+  AlertTitle,
+  AlertContent,
+  AlertDescription,
+  AlertActions,
+  AlertQueryError
+} from "../feedback/alert";
+import { SearchInput } from "../data-entry/search-input";
+import {
+  Upload,
+  collectUploadCommitActions,
+  createUploadItem,
+  useUploadDraft
+} from "../data-entry/upload";
+import { Cascader } from "../data-entry/cascader";
+import { TreeSelect } from "../data-entry/tree-select";
+import { Transfer } from "../data-entry/transfer";
+import { Pagination, Steps, Tabs, TabsContent, TabsList, TabsTrigger } from "../navigation";
+import { Toolbar, ToolbarGroup } from "../navigation/filter-bar";
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+  AlertDialog
+} from "../feedback/dialog";
+import { DataTable } from "../data-display/data-table";
+import { Toaster } from "../feedback/sonner";
+import { toast } from "../feedback/use-toast";
+import { useDebouncedValue, useTimeoutFlag } from "../../lib/hooks";
+import { formatDate, formatBytes, formatCurrency, shortId, humanError } from "../../lib/format";
+export {
+  Alert,
+  AlertActions,
+  AlertContent,
+  AlertDescription,
+  AlertDialog,
+  AlertQueryError,
+  AlertTitle,
+  Badge,
+  Cascader,
+  DataTable,
+  Descriptions,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  EmptyState,
+  Field,
+  Flex,
+  FormField,
+  PageContainer,
+  Pagination,
+  SearchInput,
+  SkeletonDetail,
+  SkeletonRows,
+  SkeletonStat,
+  SkeletonTable,
+  Steps,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Toaster,
+  Toolbar,
+  ToolbarGroup,
+  Transfer,
+  TreeSelect,
+  Upload,
+  collectUploadCommitActions,
+  createUploadItem,
+  formatBytes,
+  formatCurrency,
+  formatDate,
+  humanError,
+  shortId,
+  toast,
+  useDebouncedValue,
+  useTimeoutFlag,
+  useUploadDraft
+};

package/dist/components/data-display/accordion.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";

package/dist/components/data-display/accordion.js

@@ -0,0 +1,7 @@
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};

package/dist/components/data-display/avatar.d.ts

@@ -0,0 +1 @@
+export { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";

package/dist/components/data-display/avatar.js

@@ -0,0 +1,6 @@
+import { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};

package/dist/components/data-display/badge.d.ts

@@ -1,16 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { S as ShapeProp, k as ToneProp } from '../../interaction.prop-DD46aTro.js';
-
-type BadgeVariant = "default" | "secondary" | "outline" | "dashed";
-type BadgeTone = ToneProp;
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import type { ShapeProp, ToneProp } from "../../props/vocabulary";
+export type BadgeVariant = "default" | "secondary" | "outline" | "dashed";
+export type BadgeTone = ToneProp;
 declare const badgeVariants: (props?: ({
     variant?: "default" | "outline" | "dashed" | "secondary" | null | undefined;
     shape?: "default" | "pill" | "sharp" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, Omit<VariantProps<typeof badgeVariants>, "variant" | "shape"> {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, Omit<VariantProps<typeof badgeVariants>, "variant" | "shape"> {
     variant?: BadgeVariant | null;
     /** Corner shape — `default` (badge radius) · `pill` (fully rounded) · `sharp` (square). */
     shape?: ShapeProp | null;
@@ -21,6 +18,5 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "childre
     status?: string;
     children?: React.ReactNode;
 }
-declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-export { Badge, type BadgeProps, type BadgeTone, type BadgeVariant };
+export declare function Badge({ className, variant, shape, tone, icon, status, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-display/badge.js

@@ -1,5 +1,111 @@
-export { Badge } from '../../chunk-HIEGUYPP.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import {
+  AlertCircle,
+  CheckCircle2,
+  Circle,
+  Clock,
+  Pause,
+  Play,
+  Trash2,
+  XCircle
+} from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import {
+  toneDestructiveClass,
+  toneInfoClass,
+  toneMutedClass,
+  toneNeutralClass,
+  toneSuccessClass,
+  toneWarningClass
+} from "../../lib/control-styles";
+const 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 }
+};
+const badgeVariants = cva(
+  "inline-flex items-center border text-xs font-medium 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",
+        dashed: "border-dashed text-foreground"
+      },
+      // Corner shape — default inherits the badge radius token; pill/sharp override via the tokens.
+      shape: {
+        default: "",
+        pill: "rounded-[var(--radius-pill)]",
+        sharp: "rounded-[var(--radius-sharp)]"
+      }
+    },
+    defaultVariants: { variant: "default", shape: "default" }
+  }
+);
+const 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,
+  shape,
+  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,
+      "data-shape": shape ?? "default",
+      className: cn(
+        badgeVariants({ variant: variant ?? "default", shape: shape ?? "default" }),
+        badgeToneClass[resolvedTone],
+        className
+      ),
+      ...props,
+      children: [
+        ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
+        resolvedChildren
+      ]
+    }
+  );
+}
+export {
+  Badge
+};

package/dist/components/data-display/card.d.ts

@@ -1,8 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
 type CardSize = "md" | "compact";
 /** Semantic 3px leading-edge accent stripe (border-inline-start). */
 type CardAccent = "primary" | "success" | "warning" | "info" | "attention" | "destructive";
@@ -11,36 +8,36 @@ type CardVariant = "default" | "muted" | "outline" | "featured";
 /** Padding density — base 16px · tight 12px · cozy 20px. */
 type CardDensity = "tight" | "cozy";
 declare const cardVariants: (props?: ({
-    size?: "md" | "compact" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants> & {
+    size?: "compact" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants> & {
     size?: CardSize;
     accent?: CardAccent;
     variant?: CardVariant;
     density?: CardDensity;
 };
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    size?: "md" | "compact" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    size?: "compact" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     size?: CardSize;
     accent?: CardAccent;
     variant?: CardVariant;
     density?: CardDensity;
 } & React.RefAttributes<HTMLDivElement>>;
 /** Full-bleed cover media — first child; header below uses section top (φ⁰), not shell. */
-type CardCoverProps = React.HTMLAttributes<HTMLDivElement>;
-declare const CardCover: React.ForwardRefExoticComponent<CardCoverProps & React.RefAttributes<HTMLDivElement>>;
-type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+export type CardCoverProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const CardCover: React.ForwardRefExoticComponent<CardCoverProps & React.RefAttributes<HTMLDivElement>>;
+export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Muted background + border-bottom — section band (mirror footer `separated`). */
     banded?: boolean;
 };
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /** Muted background + border-bottom — section band (mirror footer `separated`). */
     banded?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
+export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Edge-to-edge body (tables, tabs list). Horizontal padding removed. */
     flush?: boolean;
     /** No gap after header — pair with tabs / flush toolbar. */
@@ -48,7 +45,7 @@ type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {
     /** No header above — top padding matches card shell. */
     solo?: boolean;
 };
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /** Edge-to-edge body (tables, tabs list). Horizontal padding removed. */
     flush?: boolean;
     /** No gap after header — pair with tabs / flush toolbar. */
@@ -56,19 +53,19 @@ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<
     /** No header above — top padding matches card shell. */
     solo?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-type CardFooterProps = React.HTMLAttributes<HTMLDivElement> & {
+export type CardFooterProps = React.HTMLAttributes<HTMLDivElement> & {
     /** Top border + symmetric action band — form Save/Cancel, table summary. */
     separated?: boolean;
     /** Full-bleed footer (Ant Design `actions` bar). */
     flush?: boolean;
 };
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /** Top border + symmetric action band — form Save/Cancel, table summary. */
     separated?: boolean;
     /** Full-bleed footer (Ant Design `actions` bar). */
     flush?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-type StatCardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants> & {
+export type StatCardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants> & {
     label: React.ReactNode;
     value: React.ReactNode;
     hint?: React.ReactNode;
@@ -84,8 +81,7 @@ type StatCardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof
     accent?: CardAccent;
 };
 /** KPI / stat tile — token-driven layout aligned to dashboard KPI cards. */
-declare function StatCard({ label, value, hint, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): react_jsx_runtime.JSX.Element;
+export declare function StatCard({ label, value, hint, delta, layout, align, inverse, accent, className, size, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
 /** Header actions slot — pair with `CardHeader className="flex flex-row …"`. */
-declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-
-export { Card, CardAction, CardContent, type CardContentProps, CardCover, type CardCoverProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, StatCard, type StatCardProps };
+export declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/data-display/card.js

@@ -1,2 +1,153 @@
-export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, StatCard } from '../../chunk-QVBOICFU.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const cardVariants = cva("group/card border", {
+  variants: {
+    size: {
+      md: "",
+      compact: ""
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+const Card = React.forwardRef(
+  ({ className, size = "md", accent, variant, density, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ size }), className),
+      "data-slot": "card",
+      "data-size": size === "compact" ? "compact" : void 0,
+      "data-accent": accent,
+      "data-variant": variant && variant !== "default" ? variant : void 0,
+      "data-density": density,
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardCover = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-cover", className: cn("ui-card-cover", className), ...props })
+);
+CardCover.displayName = "CardCover";
+const CardHeader = React.forwardRef(
+  ({ className, banded, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      "data-banded": banded ? "" : void 0,
+      className: cn(banded && "ui-card-header--banded", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, "data-slot": "card-title", className, ...props, children }));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "card-description", className, ...props }));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(
+  ({ className, flush, tight, solo, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-content",
+      "data-flush": flush ? "" : void 0,
+      "data-tight": tight ? "" : void 0,
+      "data-solo": solo ? "" : void 0,
+      className,
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(
+  ({ className, separated, flush, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      "data-separated": separated ? "" : void 0,
+      "data-flush": flush ? "" : void 0,
+      className,
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+function getDeltaTone(delta, inverse) {
+  const text = typeof delta === "string" || typeof delta === "number" ? String(delta).trim() : "";
+  const sign = text.match(/^[+\-−]/)?.[0];
+  if (!sign) return void 0;
+  const isPositive = sign === "+";
+  const semanticPositive = inverse ? !isPositive : isPositive;
+  return semanticPositive ? "positive" : "negative";
+}
+function StatCard({
+  label,
+  value,
+  hint,
+  delta,
+  layout = "stacked",
+  align = "start",
+  inverse = false,
+  accent,
+  className,
+  size = "compact",
+  ...props
+}) {
+  const deltaTone = getDeltaTone(delta, inverse);
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      size: size ?? "compact",
+      accent,
+      className: cn("ui-stat-card", className),
+      "data-stat-card": "",
+      "data-stat-layout": layout,
+      "data-stat-align": align,
+      ...props,
+      children: [
+        /* @__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": "stat-card-value-row", children: [
+            /* @__PURE__ */ jsx("span", { "data-slot": "stat-card-value", children: value }),
+            delta ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "stat-card-delta",
+                "data-delta-tone": deltaTone,
+                className: cn(
+                  deltaTone === "positive" && "text-success",
+                  deltaTone === "negative" && "text-destructive"
+                ),
+                children: delta
+              }
+            ) : null
+          ] }),
+          hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "stat-card-hint", children: hint }) : null
+        ] })
+      ]
+    }
+  );
+}
+const CardAction = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-action", className, ...props })
+);
+CardAction.displayName = "CardAction";
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardCover,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  StatCard
+};

package/dist/components/data-display/carousel.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-
+import * as React from "react";
+import useEmblaCarousel from "embla-carousel-react";
 type UseEmblaReturn = ReturnType<typeof useEmblaCarousel>;
-type CarouselApi = UseEmblaReturn[1];
+export type CarouselApi = UseEmblaReturn[1];
 type CarouselContextValue = {
     canScrollPrev: boolean;
     canScrollNext: boolean;
@@ -15,22 +14,21 @@ type CarouselContextValue = {
     scrollNext: () => void;
     scrollTo: (index: number) => void;
 };
-declare const useCarousel: () => CarouselContextValue;
-declare const Carousel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const useCarousel: () => CarouselContextValue;
+export declare const Carousel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     opts?: Parameters<typeof useEmblaCarousel>[0];
     plugins?: Parameters<typeof useEmblaCarousel>[1];
     setApi?: (api: CarouselApi) => void;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselNext: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Dot indicators — one round dot per scroll snap, the active one widened + filled. Reads the Embla
  * api from context (no `setApi` plumbing needed); each dot is a real `<button>` with an i18n
  * accessible name and `aria-current` on the active slide, calling `scrollTo(i)`. Drop it inside
  * `<Carousel>` after the track: `<CarouselContent/> … <CarouselDots/>`.
  */
-declare const CarouselDots: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Carousel, type CarouselApi, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };
+export declare const CarouselDots: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};