@firecms/ui 3.0.0-canary.50 → 3.0.0-canary.51

package/dist/components/Label.d.ts

@@ -1,4 +1,7 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    border?: boolean | undefined;
+    onClick?: React.MouseEventHandler<HTMLLabelElement> | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/TextField.d.ts

@@ -13,7 +13,7 @@ export type TextFieldProps<T extends string | number> = {
     endAdornment?: React.ReactNode;
     autoFocus?: boolean;
     placeholder?: string;
-    size?: "small" | "medium";
+    size?: "smallest" | "small" | "medium";
     className?: string;
     style?: React.CSSProperties;
     inputClassName?: string;

package/dist/index.es.js

@@ -14771,11 +14771,21 @@ const we = "hover:bg-slate-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:h
     ),
     children: n
   }
-), fn = k.forwardRef(Ae), An = K.forwardRef(({ className: n, ...t }, r) => /* @__PURE__ */ e(
+), fn = k.forwardRef(Ae), An = K.forwardRef(({
+  className: n,
+  ...t
+}, r) => /* @__PURE__ */ e(
   bn.Root,
   {
     ref: r,
-    className: _("text-sm font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70", j, n),
+    onClick: t.onClick,
+    className: _(
+      "text-sm font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      t.border && "border border-gray-300 dark:border-gray-700 rounded-md px-3 py-1.5",
+      t.onClick && "hover:cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800",
+      j,
+      n
+    ),
     ...t
   }
 ));
@@ -17057,7 +17067,7 @@ function qe({
         "rounded-md",
         i ? In : A,
         l ? G : z,
-        d === "small" ? "min-h-[48px]" : "min-h-[64px]",
+        d === "smallest" ? "min-h-[32px]" : d === "small" ? "min-h-[48px]" : "min-h-[64px]",
         r ? d === "medium" ? "pt-[28px] pb-2" : "pt-4 pb-2" : "py-2",
         D ? "text-text-primary dark:text-text-primary-dark" : "",
         f ? "pr-10" : "pr-3",
@@ -17082,6 +17092,7 @@ function qe({
         l ? G : z,
         s ? "border border-red-500 dark:border-red-600" : "",
         {
+          "min-h-[32px]": !i && d === "smallest",
           "min-h-[48px]": !i && d === "small",
           "min-h-[64px]": !i && d === "medium"
         },