@timeax/form-palette 0.0.5 → 0.0.7

package/dist/index.mjs

@@ -41884,7 +41884,7 @@ function FieldGroup({ className, ...props }) {
     {
       "data-slot": "field-group",
       className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "group/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
         className
       ),
       ...props
@@ -42435,6 +42435,22 @@ function InputField(props) {
     }),
     [layout, sublabel, description, helpText, visualError, tagsContent]
   );
+  const hasLabelSlotsAt = (placement) => {
+    let found = false;
+    graph.getSlotsFor("label", placement).render((slots) => {
+      if (slots.length > 0) {
+        found = true;
+      }
+      return null;
+    });
+    return found;
+  };
+  const hasLabelLeftSlots = hasLabelSlotsAt("left");
+  const hasLabelRightSlots = hasLabelSlotsAt("right");
+  const hasLabelAboveSlots = hasLabelSlotsAt("above");
+  const hasLabelBelowSlots = hasLabelSlotsAt("below");
+  const hasAnyLabelBlockContent = !!label || hasLabelLeftSlots || hasLabelRightSlots || hasLabelAboveSlots || hasLabelBelowSlots;
+  const hasLabelRowContent = !!label || hasLabelLeftSlots || hasLabelRightSlots;
   const inlineLabelSide = lp === "right" ? "right" : lp === "hidden" ? "hidden" : "left";
   const inlineInputColClass = [
     isCompactInline ? "flex-none" : "flex-1 min-w-0",
@@ -42482,7 +42498,7 @@ function InputField(props) {
       )
     )
   ] });
-  const inlineLabelColumn = inlineLabelSide === "hidden" ? null : /* @__PURE__ */ jsxs(
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxs(
     "div",
     {
       className: ["flex flex-col gap-0", inlineLabelColClass].filter(Boolean).join(" "),
@@ -42492,7 +42508,7 @@ function InputField(props) {
             (slot) => renderHelperSlot("label", slot, classes)
           )
         ),
-        /* @__PURE__ */ jsxs(
+        hasLabelRowContent && /* @__PURE__ */ jsxs(
           "div",
           {
             className: [
@@ -42519,7 +42535,16 @@ function InputField(props) {
                   children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                     label,
                     " ",
-                    required ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                    required ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "text-destructive",
+                          classes == null ? void 0 : classes.required
+                        ),
+                        children: "*"
+                      }
+                    ) : ""
                   ] })
                 }
               ),
@@ -42545,7 +42570,11 @@ function InputField(props) {
     "flex items-start gap-2",
     classes == null ? void 0 : classes.inlineRow
   ].filter(Boolean).join(" ");
-  const stackedGroupClassName = ["mt-1", classes == null ? void 0 : classes.group].filter(Boolean).join(" ");
+  const hasStackedLabelBlock = lp !== "hidden" && hasAnyLabelBlockContent;
+  const stackedGroupClassName = [
+    hasStackedLabelBlock && hasLabelRowContent ? "mt-1" : null,
+    classes == null ? void 0 : classes.group
+  ].filter(Boolean).join(" ");
   const Element2 = contain ? "div" : React54.Fragment;
   const attrs = (a = "l") => contain ? a === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ jsx(
@@ -42581,7 +42610,7 @@ function InputField(props) {
       ) : (
         // STACKED MODE
         /* @__PURE__ */ jsxs(Fragment, { children: [
-          lp !== "hidden" && /* @__PURE__ */ jsxs(Element2, { ...attrs(), children: [
+          hasStackedLabelBlock && /* @__PURE__ */ jsxs(Element2, { ...attrs(), children: [
             graph.getSlotsFor("label", "above").render(
               (slots) => slots.map(
                 (slot) => renderHelperSlot(
@@ -42591,7 +42620,7 @@ function InputField(props) {
                 )
               )
             ),
-            /* @__PURE__ */ jsxs(
+            hasLabelRowContent && /* @__PURE__ */ jsxs(
               "div",
               {
                 className: [
@@ -42618,7 +42647,16 @@ function InputField(props) {
                       children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                         label,
                         " ",
-                        required ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                        required ? /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "text-destructive",
+                              classes == null ? void 0 : classes.required
+                            ),
+                            children: "*"
+                          }
+                        ) : ""
                       ] })
                     }
                   ),