@axzydev/axzy_ui_system 1.7.1 → 1.7.3

package/dist/index.cjs

@@ -1674,6 +1674,14 @@ function ITCard({
       onClick,
       onMouseEnter: () => onClick && setIsHovered(true),
       onMouseLeave: () => onClick && setIsHovered(false),
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
       className: (0, import_clsx2.default)("overflow-hidden flex flex-col", className),
       style: containerStyle,
       children: [
@@ -8380,6 +8388,7 @@ function ITSegmentedControl({
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
+      role: "group",
       className: (0, import_clsx40.default)(
         "inline-flex rounded-xl bg-slate-100 dark:bg-slate-800 border border-slate-200 dark:border-slate-700",
         container,
@@ -8391,6 +8400,8 @@ function ITSegmentedControl({
         return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "button",
           {
+            type: "button",
+            "aria-pressed": isActive,
             onClick: () => !disabled && onChange(opt.value),
             disabled,
             className: (0, import_clsx40.default)(
@@ -9053,6 +9064,9 @@ function ITStatCard({
   value,
   trend,
   trendDirection = trend && trend.startsWith("-") ? "down" : "neutral",
+  hint,
+  progress,
+  progressColor = "primary",
   icon,
   color = "bg-primary-50 dark:bg-primary-950/20",
   className,
@@ -9067,6 +9081,12 @@ function ITStatCard({
       onClick,
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-start justify-between mb-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
@@ -9075,7 +9095,18 @@ function ITStatCard({
         /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-baseline gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
           trend && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", className: (0, import_clsx44.default)("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
-        ] })
+        ] }),
+        hint && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "p", className: "mt-1 text-[11px] leading-snug text-slate-500 dark:text-slate-400", children: hint }),
+        progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          ITProgress,
+          {
+            value: progress,
+            max: 100,
+            color: progressColor,
+            size: "sm",
+            className: "mt-2"
+          }
+        )
       ]
     }
   );