@facter/ds-core 1.7.0 → 1.7.2

package/dist/index.mjs

@@ -7728,13 +7728,13 @@ var colorConfigs = {
   }
 };
 var rootVariants2 = cva(
-  "relative overflow-hidden bg-card shadow-sm border border-border h-full",
+  "relative overflow-hidden bg-card shadow-sm border border-border",
   {
     variants: {
       variant: {
-        default: "rounded-2xl",
-        compact: "rounded-xl",
-        mini: "rounded-xl"
+        default: "rounded-2xl h-full",
+        compact: "rounded-xl h-full",
+        mini: "rounded-xl w-fit"
       }
     },
     defaultVariants: {
@@ -7754,9 +7754,9 @@ function StatsCardRoot({
     /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 bg-gradient-to-br pointer-events-none", config.bgGradient) }),
     /* @__PURE__ */ jsx("div", { className: cn(
       "relative flex h-full",
-      variant === "compact" ? "flex-row items-center p-3 gap-3" : "flex-col",
-      variant === "mini" && "p-3",
-      variant === "default" && ""
+      variant === "default" && "flex-col",
+      variant === "compact" && "flex-row items-center p-3 gap-3",
+      variant === "mini" && "flex-row items-center p-3 gap-3"
     ), children })
   ] }) });
 }
@@ -7768,8 +7768,7 @@ function StatsCardHeader({ className, children, ...props }) {
       className: cn(
         "flex items-center justify-between",
         variant === "default" && "p-4 pb-2",
-        variant === "mini" && "mb-2",
-        variant === "compact" && "flex-1 min-w-0",
+        (variant === "compact" || variant === "mini") && "flex-1 min-w-0",
         className
       ),
       ...props,
@@ -7778,29 +7777,26 @@ function StatsCardHeader({ className, children, ...props }) {
   );
 }
 function StatsCardIcon({ icon: Icon2, className, ...props }) {
-  const { config, variant } = useStatsCard();
+  const { config } = useStatsCard();
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        "rounded-lg",
+        "rounded-lg p-2",
         config.iconBg,
-        variant === "mini" ? "p-1.5" : "p-2",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(Icon2, { className: cn(variant === "mini" ? "w-3.5 h-3.5" : "w-4 h-4") })
+      children: /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4" })
     }
   );
 }
 function StatsCardTitle({ className, children, ...props }) {
-  const { variant } = useStatsCard();
   return /* @__PURE__ */ jsx(
     "h3",
     {
       className: cn(
-        "font-medium text-gray-700",
-        variant === "mini" ? "text-xs leading-tight" : "text-sm",
+        "font-medium text-gray-700 text-sm",
         className
       ),
       ...props,
@@ -7809,13 +7805,11 @@ function StatsCardTitle({ className, children, ...props }) {
   );
 }
 function StatsCardSubtitle({ className, children, ...props }) {
-  const { variant } = useStatsCard();
   return /* @__PURE__ */ jsx(
     "p",
     {
       className: cn(
-        "text-gray-400",
-        variant === "mini" ? "text-[9px] leading-tight" : "text-[10px]",
+        "text-gray-400 text-[10px]",
         className
       ),
       ...props,
@@ -7830,7 +7824,8 @@ function StatsCardValue({ className, children, ...props }) {
     {
       className: cn(
         "font-light tracking-tight text-gray-900",
-        variant === "mini" ? "text-3xl" : variant === "compact" ? "text-2xl" : "text-4xl",
+        variant === "default" && "text-4xl",
+        (variant === "compact" || variant === "mini") && "text-2xl",
         className
       ),
       ...props,
@@ -7839,33 +7834,34 @@ function StatsCardValue({ className, children, ...props }) {
   );
 }
 function StatsCardChange({ type = "positive", className, children, ...props }) {
-  const { config, variant } = useStatsCard();
+  const { config } = useStatsCard();
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-0.5", className), ...props, children: [
     /* @__PURE__ */ jsx(
       "svg",
       {
-        className: cn(variant === "mini" ? "w-2 h-2" : "w-2.5 h-2.5", config.textColor),
+        className: cn("w-2.5 h-2.5", config.textColor),
         viewBox: "0 0 12 12",
         fill: "currentColor",
         children: /* @__PURE__ */ jsx("path", { d: type === "negative" ? "M6 10L10 5H2L6 10Z" : "M6 2L10 7H2L6 2Z" })
       }
     ),
     /* @__PURE__ */ jsx("span", { className: cn(
-      "font-medium",
-      config.textColor,
-      variant === "mini" ? "text-[9px]" : "text-[10px]"
+      "font-medium text-[10px]",
+      config.textColor
     ), children })
   ] });
 }
 function StatsCardChart({ data, height, className, ...props }) {
   const { config, variant } = useStatsCard();
   const gradientId = React49.useId();
-  const chartHeight = height ?? (variant === "mini" ? 40 : variant === "compact" ? 40 : 70);
+  if (variant === "mini") {
+    return null;
+  }
+  const chartHeight = height ?? (variant === "compact" ? 40 : 70);
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        variant === "mini" && "mt-auto h-10",
         variant === "compact" && "w-16 h-10 shrink-0",
         variant === "default" && "flex-1 relative mt-auto",
         className
@@ -7901,10 +7897,10 @@ function StatsCardChart({ data, height, className, ...props }) {
             fill: `url(#${gradientId})`,
             dot: false,
             activeDot: {
-              r: variant === "mini" ? 2 : 3,
+              r: 3,
               fill: config.lineColor,
               stroke: "white",
-              strokeWidth: variant === "mini" ? 1 : 2
+              strokeWidth: 2
             }
           }
         )
@@ -7918,7 +7914,6 @@ function StatsCardContent({ className, children, ...props }) {
     "div",
     {
       className: cn(
-        variant === "mini" && "mb-2",
         variant === "default" && "mt-2",
         className
       ),