@farmzone/fz-react-ui 0.0.6 → 0.0.8

package/dist/index.js

@@ -337,7 +337,7 @@ function Checkbox(props) {
       "aria-checked": indeterminate ? "mixed" : checked,
       "aria-disabled": disabled,
       className: cn(
-        "size-4 shrink-0 rounded-[3px] border flex-center transition-colors",
+        "size-4 shrink-0 rounded-[3px] border flex items-center justify-center transition-colors",
         disabled ? cn("cursor-not-allowed", isActive ? disabledCheckedClassName : disabledUncheckedClassName) : cn("cursor-pointer", isActive ? checkedClassName : uncheckedClassName),
         className
       ),
@@ -352,7 +352,7 @@ function Checkbox(props) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("flex-center gap-1.5", wrapperClassName),
+      className: cn("flex items-center justify-center gap-1.5", wrapperClassName),
       onClick: (e) => e.stopPropagation(),
       ...rest,
       children: [
@@ -3060,46 +3060,36 @@ function EmptyContent(props) {
   const hasHeader = icon || title || description;
   const isPage = layout === "page";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    hasHeader && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex flex-col items-center gap-2",
-          isPage && "mt-14 mb-10 gap-3",
-          !isPage && "max-w-sm"
-        ),
-        children: [
-          icon && /* @__PURE__ */ jsx("div", { className: cn(emptyIconVariants({ iconVariant }), iconClassName), children: icon }),
-          title && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                isPage && "text-2xl font-bold",
-                !isPage && "text-lg font-medium tracking-tight text-foreground",
-                titleClassName
-              ),
-              children: title
-            }
+    hasHeader && /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-2", isPage && "mt-14 mb-10 gap-3", !isPage && "max-w-sm"), children: [
+      icon && /* @__PURE__ */ jsx("div", { className: cn(emptyIconVariants({ iconVariant }), iconClassName), children: icon }),
+      title && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            isPage && "text-2xl font-bold",
+            !isPage && "text-lg font-medium tracking-tight text-foreground",
+            titleClassName
           ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                isPage && "text-lg text-gray-500",
-                !isPage && "text-sm leading-relaxed text-muted-foreground",
-                descriptionClassName
-              ),
-              children: description
-            }
-          )
-        ]
-      }
-    ),
+          children: title
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            isPage && "text-lg text-gray-500",
+            !isPage && "text-sm leading-relaxed text-muted-foreground",
+            descriptionClassName
+          ),
+          children: description
+        }
+      )
+    ] }),
     action && /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
-          isPage && "flex-center w-full",
+          isPage && "flex items-center justify-center w-full",
           !isPage && "flex w-full max-w-sm flex-col items-center gap-3",
           actionClassName
         ),
@@ -3860,7 +3850,7 @@ function TableHeader(props) {
     const subTitleClasses = column.key === "subTitle" ? "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800" : "";
     if (column.align === "left") {
       return /* @__PURE__ */ jsxs("div", { className: "flex item-center w-full", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx("span", { className: `pl-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: `pl-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
         column.sortable && /* @__PURE__ */ jsx(
           "div",
           {
@@ -3872,7 +3862,7 @@ function TableHeader(props) {
     }
     if (column.align === "center") {
       return /* @__PURE__ */ jsxs("div", { className: "flex justify-center w-full", children: [
-        /* @__PURE__ */ jsx("div", { className: `flex-center ${column.sortable ? "pl-5" : ""}`, children: /* @__PURE__ */ jsx("span", { className: `whitespace-nowrap ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
+        /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${column.sortable ? "pl-5" : ""}`, children: /* @__PURE__ */ jsx("span", { className: `whitespace-nowrap ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
         column.sortable && /* @__PURE__ */ jsx(
           "div",
           {
@@ -3891,7 +3881,7 @@ function TableHeader(props) {
             children: renderSortIcon(column.key)
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx("span", { className: `pr-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) })
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: `pr-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) })
       ] });
     }
     return /* @__PURE__ */ jsx("span", { className: `px-1.5 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title });