@timeax/form-palette 0.0.21 → 0.0.23

package/dist/index.mjs

@@ -4414,7 +4414,12 @@ function useField(options) {
         ok = false;
         message2 = "This field is required.";
       } else if (validate) {
-        const result = validate(current, !!report);
+        const result = validate(
+          current,
+          fieldRef.current,
+          form,
+          !!report
+        );
         if (typeof result === "string") {
           ok = false;
           message2 = result;
@@ -4675,7 +4680,7 @@ function useOptionalField(options) {
       ok = false;
       message2 = "This field is required.";
     } else if (validate) {
-      const result = validate(current, !!report);
+      const result = validate(current, void 0, void 0, !!report);
       if (typeof result === "string") {
         ok = false;
         message2 = result;
@@ -15742,6 +15747,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
     groupClassName,
     optionClassName,
     labelClassName,
+    optionLabelClassName,
     descriptionClassName,
     className,
     // alias for groupClassName
@@ -16049,7 +16055,7 @@ var InnerShadcnCheckboxVariant = (props, ref) => {
                   children: [
                     checkboxNode,
                     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
-                      /* @__PURE__ */ jsx("span", { className: labelClassesBase, children: displayItem.label }),
+                      /* @__PURE__ */ jsx("span", { className: cn(labelClassesBase, optionLabelClassName), children: displayItem.label }),
                       displayItem.description != null && /* @__PURE__ */ jsx(
                         "span",
                         {
@@ -21110,24 +21116,20 @@ function InputField(props) {
   const effectiveSize = (_c = size != null ? size : (_b = (_a = module.defaults) == null ? void 0 : _a.layout) == null ? void 0 : _b.defaultSize) != null ? _c : void 0;
   const effectiveDensity = (_f = density != null ? density : (_e = (_d = module.defaults) == null ? void 0 : _d.layout) == null ? void 0 : _e.defaultDensity) != null ? _f : void 0;
   const validate = React10.useCallback(
-    (value2, _report) => {
+    (value2, field2, form, _report) => {
       var _a2;
       const messages = [];
       if (module.validate) {
         const res = module.validate(value2, {
           required: !!required,
           props,
-          field: void 0,
-          form: void 0
+          field: field2,
+          form
         });
         messages.push(...normalizeValidateResult(res));
       }
       if (onValidate) {
-        const res = onValidate(
-          value2,
-          void 0,
-          void 0
-        );
+        const res = onValidate(value2, field2, form);
         messages.push(...normalizeValidateResult(res));
       }
       if (!messages.length) return true;
@@ -21351,7 +21353,11 @@ function InputField(props) {
       )
     )
   ] });
-  const inlineRowClassName = cn("flex items-start gap-2", classes == null ? void 0 : classes.inlineRow);
+  const inlineRowClassName = cn(
+    "flex gap-2",
+    hasLabelAboveSlots || hasLabelBelowSlots ? "items-start" : "items-center",
+    classes == null ? void 0 : classes.inlineRow
+  );
   const hasStackedLabelBlock = lp !== "hidden" && hasAnyLabelBlockContent;
   const stackedGroupClassName = cn(
     hasStackedLabelBlock && hasLabelRowContent && "mt-0.5",