@hilum/ui 3.2.9 → 3.2.11

package/dist/index.js

@@ -910,20 +910,20 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         caption_label: "body font-semibold text-foreground",
         nav: "flex items-center justify-between absolute inset-x-0 top-1",
         button_previous: cn(
-          "absolute left-0 flex size-10 items-center justify-center rounded-md",
+          "absolute left-0 flex h-9 w-9 items-center justify-center rounded-md",
           "text-muted-foreground hover:bg-muted hover:text-muted-foreground transition-colors"
         ),
         button_next: cn(
-          "absolute right-0 flex size-10 items-center justify-center rounded-md",
+          "absolute right-0 flex h-9 w-9 items-center justify-center rounded-md",
           "text-muted-foreground hover:bg-muted hover:text-muted-foreground transition-colors"
         ),
         month_grid: "w-full border-collapse mt-1",
         weekdays: "flex",
-        weekday: "flex size-10 items-center justify-center label text-muted-foreground font-normal",
+        weekday: "flex h-9 w-9 items-center justify-center label text-muted-foreground font-normal",
         week: "flex w-full mt-1",
         day: "relative p-0 text-center",
         day_button: cn(
-          "flex size-10 items-center justify-center rounded-full body font-normal",
+          "flex h-9 w-9 items-center justify-center rounded-full body font-normal",
           "text-foreground hover:bg-muted transition-colors",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30"
         ),
@@ -1277,7 +1277,7 @@ function CarouselPrevious({
       variant,
       size,
       className: cn(
-        "absolute size-10 rounded-full",
+        "absolute h-9 w-9 rounded-full",
         orientation === "vertical" ? "-top-12 left-1/2 -translate-x-1/2 rotate-90" : "-left-12 top-1/2 -translate-y-1/2",
         className
       ),
@@ -1304,7 +1304,7 @@ function CarouselNext({
       variant,
       size,
       className: cn(
-        "absolute size-10 rounded-full",
+        "absolute h-9 w-9 rounded-full",
         orientation === "vertical" ? "-bottom-12 left-1/2 -translate-x-1/2 rotate-90" : "-right-12 top-1/2 -translate-y-1/2",
         className
       ),
@@ -3017,7 +3017,7 @@ var DrawerDescription = React19.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = "DrawerDescription";
 function EmptyState({ icon, title, description, action, className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-4 px-6 py-14 text-center", className), children: [
-    icon && /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-xl bg-brand-secondary/20 text-muted-foreground", children: icon }),
+    icon && /* @__PURE__ */ jsx("div", { className: "flex size-9 items-center justify-center rounded-md bg-brand-secondary/20 text-muted-foreground", children: icon }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
       /* @__PURE__ */ jsx("p", { className: "body text-balance font-semibold text-foreground", children: title }),
       description && /* @__PURE__ */ jsx("p", { className: "body max-w-xs text-pretty text-muted-foreground", children: description })
@@ -6086,7 +6086,7 @@ function CirclesSteps({ steps, className }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "Progress", className, children: /* @__PURE__ */ jsx("ol", { role: "list", className: "flex items-center", children: steps.map((step, i) => {
     const isLast = i === steps.length - 1;
     return /* @__PURE__ */ jsxs("li", { className: cn("relative", !isLast && "flex-1"), children: [
-      !isLast && /* @__PURE__ */ jsx("div", { className: "absolute left-10 right-0 top-5 h-0.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+      !isLast && /* @__PURE__ */ jsx("div", { className: "absolute left-9 right-0 top-[18px] h-0.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
@@ -6106,7 +6106,7 @@ function CirclesSteps({ steps, className }) {
               "span",
               {
                 className: cn(
-                  "relative z-10 flex size-10 items-center justify-center rounded-full transition-colors",
+                  "relative z-10 flex h-9 w-9 items-center justify-center rounded-full transition-colors",
                   step.status === "complete" && "bg-brand-primary group-hover:bg-brand-primary/80",
                   step.status === "current" && "border-2 border-brand-primary bg-card",
                   step.status === "upcoming" && "border-2 border-border bg-card group-hover:border-border"
@@ -6147,7 +6147,7 @@ function BulletsSteps({ steps, className }) {
       {
         href: step.href ?? "#",
         onClick: !step.href ? (e) => e.preventDefault() : void 0,
-        className: "relative flex size-10 items-center justify-center",
+        className: "relative flex h-9 w-9 items-center justify-center",
         children: step.status === "complete" ? /* @__PURE__ */ jsx(
           "span",
           {