@underverse-ui/underverse 0.2.62 → 0.2.63

package/dist/index.cjs

@@ -205,8 +205,8 @@ var VARIANT_STYLES_BTN = {
   ghost: "bg-transparent hover:bg-accent/20 hover:text-accent-foreground backdrop-blur-sm transition-colors",
   // Link: chỉ văn bản
   link: "text-primary bg-transparent underline-offset-4 hover:underline hover:text-primary/85 transition-colors",
-  // Gradient: tuỳ chọn, giảm shadow
-  gradient: "bg-linear-to-r from-primary via-secondary to-accent text-primary-foreground hover:opacity-90 shadow-sm border border-primary/10"
+  // Gradient: smooth gradient từ primary → secondary (cùng tone)
+  gradient: "bg-linear-to-r from-primary via-primary/80 to-secondary text-primary-foreground hover:opacity-90 shadow-md border-0"
 };
 var SIZE_STYLES_BTN = {
   sm: "px-3 py-1.5 text-sm h-8 min-w-8 md:px-2.5 md:py-1 md:h-7 md:text-xs",
@@ -6956,8 +6956,8 @@ function TimePicker({
   required,
   format = "24",
   includeSeconds = false,
-  minuteStep = 5,
-  secondStep = 5,
+  minuteStep = 1,
+  secondStep = 1,
   clearable = true,
   variant = "default",
   showNow = false,
@@ -7136,7 +7136,6 @@ function TimePicker({
     lg: { label: "text-base", height: "h-12", padding: "px-4 py-3", text: "text-base", icon: "w-5 h-5" }
   };
   const sz = sizeClasses2[size];
-  const radiusClass = size === "sm" ? "rounded-md" : "rounded-lg";
   const display = formatTime(parts, format, includeSeconds);
   const trigger = variant === "inline" ? null : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "button",
@@ -7147,16 +7146,15 @@ function TimePicker({
       "aria-haspopup": "dialog",
       "aria-expanded": open,
       className: cn(
-        "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
+        "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm",
         sz.height,
         sz.padding,
         sz.text,
-        radiusClass,
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         "disabled:opacity-50 disabled:cursor-not-allowed",
         "transition-all duration-300 ease-out",
         error && "border-destructive/60 focus-visible:ring-destructive/50 bg-destructive/5",
-        success && "border-green-500/60 focus-visible:ring-green-500/50 bg-green-500/5",
+        success && "border-success/60 focus-visible:ring-success/50 bg-success/5",
         !error && !success && "border-border/60 hover:border-primary/40 hover:bg-accent/10",
         animate && !disabled && "hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
         open && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
@@ -7169,7 +7167,7 @@ function TimePicker({
             {
               className: cn(
                 "flex items-center justify-center rounded-md p-1.5 transition-all duration-300",
-                error ? "bg-destructive/10 text-destructive" : success ? "bg-green-500/10 text-green-500" : open ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
+                error ? "bg-destructive/10 text-destructive" : success ? "bg-success/10 text-success" : open ? "bg-primary/15 text-primary" : "bg-muted/50 text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.Clock, { className: cn(sz.icon, "transition-transform duration-300", open && "rotate-12") })
             }
@@ -7474,7 +7472,7 @@ function TimePicker({
         contentClassName: cn(
           "p-5 rounded-2xl border bg-popover/95 backdrop-blur-xl shadow-2xl",
           error && "border-destructive/40",
-          success && "border-green-500/40",
+          success && "border-success/40",
           !error && !success && "border-border/60",
           animate && "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
         ),
@@ -7486,7 +7484,7 @@ function TimePicker({
         /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.X, { className: "w-3.5 h-3.5 shrink-0" }),
         /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "font-medium", children: error })
       ] }),
-      success && !error && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2 text-green-600 bg-green-500/10 px-3 py-1.5 rounded-lg", children: [
+      success && !error && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2 text-success bg-success/10 px-3 py-1.5 rounded-lg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.Check, { className: "w-3.5 h-3.5 shrink-0" }),
         /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "font-medium", children: "Valid time selected" })
       ] }),
@@ -10069,10 +10067,10 @@ var SIZE_STYLES2 = {
 };
 var BADGE_VARIANTS = {
   default: "bg-muted text-muted-foreground",
-  success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
-  warning: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
-  error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
-  info: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"
+  success: "bg-success-soft text-success",
+  warning: "bg-warning-soft text-warning-foreground",
+  error: "bg-destructive-soft text-destructive",
+  info: "bg-info-soft text-info"
 };
 var ListItemSkeleton = ({ size }) => {
   const sz = SIZE_STYLES2[size];
@@ -10597,10 +10595,10 @@ var SIZE_STYLE = {
 var STATUS_COLOR = {
   default: "bg-muted/60",
   primary: "bg-primary",
-  success: "bg-green-500",
-  warning: "bg-yellow-500",
-  error: "bg-red-500",
-  info: "bg-blue-500"
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-destructive",
+  info: "bg-info"
 };
 var TimelineContext = React36.createContext(null);
 var LINE_STYLE_MAP = {
@@ -11180,10 +11178,10 @@ function ColorPicker({
               onClick: copyToClipboard,
               className: cn(
                 "h-9 px-3 rounded-lg border border-border text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5",
-                copied && "bg-green-500/10 border-green-500/30"
+                copied && "bg-success/10 border-success/30"
               ),
               children: [
-                copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Copy, { className: "w-3.5 h-3.5" }),
+                copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Copy, { className: "w-3.5 h-3.5" }),
                 variant === "full" && (copied ? "Copied!" : "Copy")
               ]
             }
@@ -11220,9 +11218,9 @@ function ColorPicker({
               onClick: copyToClipboard,
               className: cn(
                 "h-9 w-9 rounded-lg border border-border hover:bg-accent/10 transition-colors flex items-center justify-center",
-                copied && "bg-green-500/10 border-green-500/30"
+                copied && "bg-success/10 border-success/30"
               ),
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Copy, { className: "w-3.5 h-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Check, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Copy, { className: "w-3.5 h-3.5" })
             }
           )
         ] }),