@firecms/ui 3.0.0-canary.105 → 3.0.0-canary.106

package/dist/index.umd.js

@@ -434,7 +434,7 @@
       className,
       onValueChange,
       disabled = false,
-      size = "medium",
+      size = "small",
       ...props
     }, ref) {
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -454,7 +454,7 @@
             }
           },
           className: cls(
-            size === "small" ? "w-[38px] h-[22px] min-w-[38px] min-h-[22px]" : "w-[42px] h-[26px] min-w-[42px] min-h-[26px]",
+            size === "smallest" ? "w-[38px] h-[22px] min-w-[38px] min-h-[22px]" : "w-[42px] h-[26px] min-w-[42px] min-h-[26px]",
             "outline-none rounded-full relative shadow-sm",
             value ? disabled ? "bg-white bg-opacity-54 dark:bg-slate-950 border-slate-100 dark:border-slate-700 ring-1 ring-slate-200 dark:ring-slate-700" : "ring-secondary ring-1 bg-secondary dark:bg-secondary" : "bg-white bg-opacity-54 dark:bg-slate-900 ring-1 ring-slate-200 dark:ring-slate-700",
             className
@@ -468,10 +468,10 @@
                   "block rounded-full transition-transform duration-100 transform will-change-auto",
                   disabled ? "bg-slate-400 dark:bg-slate-600" : "bg-slate-400 dark:bg-slate-600",
                   {
-                    "w-[21px] h-[10px]": size === "medium" || size === "large",
-                    "w-[19px] h-[8px]": size === "small",
-                    "translate-x-[10px]": size === "medium" || size === "large",
-                    "translate-x-[9px]": size === "small"
+                    "w-[21px] h-[10px]": size === "small" || size === "medium",
+                    "w-[19px] h-[8px]": size === "smallest",
+                    "translate-x-[10px]": size === "small" || size === "medium",
+                    "translate-x-[9px]": size === "smallest"
                   }
                 )
               },
@@ -484,10 +484,10 @@
                   "block rounded-full transition-transform duration-100 transform will-change-auto",
                   disabled ? "bg-slate-300 dark:bg-slate-700" : value ? "bg-white" : "bg-slate-600 dark:bg-slate-400",
                   {
-                    "w-[21px] h-[21px]": size === "medium" || size === "large",
-                    "w-[19px] h-[19px]": size === "small",
-                    [value ? "translate-x-[19px]" : "translate-x-[3px]"]: size === "medium" || size === "large",
-                    [value ? "translate-x-[17px]" : "translate-x-[2px]"]: size === "small"
+                    "w-[21px] h-[21px]": size === "small" || size === "medium",
+                    "w-[19px] h-[19px]": size === "smallest",
+                    [value ? "translate-x-[19px]" : "translate-x-[3px]"]: size === "small" || size === "medium",
+                    [value ? "translate-x-[17px]" : "translate-x-[2px]"]: size === "smallest"
                   }
                 )
               },
@@ -532,9 +532,9 @@
           "rounded-md max-w-full justify-between w-full box-border relative inline-flex items-center",
           !invisible && focus && !disabled ? focusedClasses : "",
           error ? "text-red-500 dark:text-red-600" : focus && !disabled ? "text-primary" : !disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark",
-          size === "small" ? "min-h-[40px]" : size === "medium" ? "min-h-[48px]" : "min-h-[64px]",
-          size === "small" ? "pl-2" : "pl-4",
-          size === "small" ? "pr-4" : "pr-6",
+          size === "smallest" ? "min-h-[40px]" : size === "small" ? "min-h-[48px]" : "min-h-[64px]",
+          size === "smallest" ? "pl-2" : "pl-4",
+          size === "smallest" ? "pr-4" : "pr-6",
           position === "end" ? "flex-row-reverse" : "flex-row"
         ),
         onClick: disabled ? void 0 : (e) => {
@@ -561,7 +561,7 @@
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls(
             "flex-grow",
             position === "end" ? "mr-4" : "ml-4",
-            size === "small" ? "text-sm" : "text-base"
+            size === "smallest" ? "text-sm" : "text-base"
           ), children: label })
         ]
       }
@@ -13571,19 +13571,19 @@
     large: "w-6 h-6 rounded flex items-center justify-center",
     medium: "w-5 h-5 rounded flex items-center justify-center",
     small: "w-4 h-4 rounded flex items-center justify-center",
-    tiny: "w-4 h-4 rounded flex items-center justify-center"
+    smallest: "w-4 h-4 rounded flex items-center justify-center"
   };
   const outerSizeClasses = {
     medium: "w-10 h-10",
     small: "w-8 h-8",
     large: "w-12 h-12 ",
-    tiny: "w-6 h-6"
+    smallest: "w-6 h-6"
   };
   const paddingClasses = {
     medium: "p-2",
     small: "p-2",
     large: "p-2",
-    tiny: ""
+    smallest: ""
   };
   const colorClasses$2 = {
     primary: "bg-primary",
@@ -13600,7 +13600,7 @@
     color = "primary"
   }) => {
     const isChecked = indeterminate ? false : checked;
-    const iconSize = size === "medium" ? 20 : size === "small" ? 16 : size === "tiny" ? 14 : 24;
+    const iconSize = size === "medium" ? 20 : size === "small" ? 16 : size === "smallest" ? 14 : 24;
     return /* @__PURE__ */ jsxRuntime.jsx(
       CheckboxPrimitive__namespace.Root,
       {
@@ -13631,7 +13631,7 @@
     );
   };
   const sizeClassNames = {
-    tiny: "px-2 py-0.5 text-sm",
+    smallest: "px-2 py-0.5 text-sm",
     small: "px-3 py-1 text-sm",
     medium: "px-4 py-1.5 text-sm"
   };