@hilum/ui 3.2.8 → 3.2.10

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
       ),
@@ -1664,7 +1664,7 @@ function ColorPicker({
         disabled,
         "aria-label": ariaLabel,
         className: cn(
-          "inline-flex size-10 items-center justify-center rounded-md border border-border bg-card",
+          "inline-flex size-9 items-center justify-center rounded-md border border-border bg-card",
           "transition-colors hover:border-border",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/20 focus-visible:border-brand-primary",
           "disabled:cursor-not-allowed disabled:opacity-50",
@@ -1674,7 +1674,7 @@ function ColorPicker({
           "span",
           {
             "aria-hidden": true,
-            className: "h-5 w-5 rounded-sm border border-black/5",
+            className: "size-4 rounded-sm border border-black/5",
             style: { backgroundColor: value }
           }
         )
@@ -1690,7 +1690,7 @@ function ColorPicker({
             setHex(e.target.value);
             onChange(e.target.value);
           },
-          className: "h-10 w-full cursor-pointer rounded-md border border-border bg-card p-0.5"
+          className: "h-9 w-full cursor-pointer rounded-md border border-border bg-card p-0.5"
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
@@ -1705,7 +1705,7 @@ function ColorPicker({
             onKeyDown: (e) => {
               if (e.key === "Enter") commit(e.target.value);
             },
-            className: "h-10 flex-1 rounded-md border border-border bg-card px-2 caption text-foreground focus:outline-none focus:border-brand-primary"
+            className: "h-9 flex-1 rounded-md border border-border bg-card px-2 caption text-foreground focus:outline-none focus:border-brand-primary"
           }
         )
       ] }),
@@ -1715,7 +1715,7 @@ function ColorPicker({
           type: "button",
           onClick: () => onChange(p),
           "aria-label": p,
-          className: "size-10 rounded-md border border-black/10 transition-transform hover:scale-105 active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30",
+          className: "size-9 rounded-md border border-black/10 transition-transform hover:scale-105 active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30",
           style: { backgroundColor: p }
         },
         p
@@ -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",
           {