@cerberus-design/react 0.10.4-next-6b8d314 → 0.10.4-next-82dd4b3

package/build/legacy/index.cjs

@@ -1177,8 +1177,8 @@ function ModalHeader(props) {
         props.className,
         (0, import_patterns8.vstack)({
           alignItems: "flex-start",
-          gap: "4",
-          mb: "8"
+          gap: "md",
+          mb: "md"
         })
       )
     }
@@ -1562,20 +1562,33 @@ function Radio(props) {
   const { children, size, ...nativeProps } = props;
   const { invalid, ...state } = useFieldContext();
   const styles = (0, import_recipes20.radio)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_css26.cx)("group", (0, import_patterns11.hstack)(), styles.root), tabIndex: 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-      "input",
-      {
-        ...nativeProps,
-        ...state,
-        ...invalid && { "aria-invalid": true },
-        className: (0, import_css26.cx)(nativeProps.className, styles.input),
-        tabIndex: -1,
-        type: "radio"
-      }
-    ),
-    children
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "div",
+    {
+      className: (0, import_css26.cx)(
+        "group",
+        (0, import_patterns11.hstack)({
+          gap: "sm"
+        }),
+        styles.root
+      ),
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          "input",
+          {
+            ...nativeProps,
+            ...state,
+            ...invalid && { "aria-invalid": true },
+            className: (0, import_css26.cx)(nativeProps.className, styles.input),
+            tabIndex: -1,
+            type: "radio"
+          }
+        ),
+        children
+      ]
+    }
+  );
 }
 
 // src/components/Select.tsx
@@ -2521,19 +2534,30 @@ function PromptModal(props) {
             mb: "8"
           }),
           children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Field, { invalid: !isValid, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Label, { htmlFor: "confirm", size: "md", children: [
-              "Type",
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                "strong",
-                {
-                  className: (0, import_css41.css)({
-                    textTransform: "uppercase"
-                  }),
-                  children: content == null ? void 0 : content.key
-                }
-              ),
-              "to confirm"
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+              Label,
+              {
+                className: (0, import_css41.css)({
+                  gap: 1,
+                  justifyContent: "flex-start"
+                }),
+                htmlFor: "confirm",
+                size: "md",
+                children: [
+                  "Type",
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                    "strong",
+                    {
+                      className: (0, import_css41.css)({
+                        textTransform: "uppercase"
+                      }),
+                      children: content == null ? void 0 : content.key
+                    }
+                  ),
+                  "to confirm"
+                ]
+              }
+            ),
             /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               Input,
               {