@homebound/beam 2.379.1 → 2.380.1

package/dist/index.cjs

@@ -5178,7 +5178,10 @@ var Icons = {
 // src/components/PresentationContext.tsx
 var import_react5 = require("react");
 var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
-var PresentationContext = (0, import_react5.createContext)({});
+var PresentationContext = (0, import_react5.createContext)({
+  // Required fields should always show asterisk
+  fieldProps: { labelSuffix: { required: "*" } }
+});
 function PresentationProvider(props) {
   const { children, ...presentationProps } = props;
   const existingContext = usePresentationContext();
@@ -8385,8 +8388,9 @@ var BorderHoverParent = "BorderHoverParent";
 var BorderHoverChild = "BorderHoverChild";
 
 // src/forms/labelUtils.ts
-function getLabelSuffix(required) {
+function useLabelSuffix(required, readOnly) {
   const { fieldProps } = usePresentationContext();
+  if (readOnly) return void 0;
   if (required === true) {
     return fieldProps?.labelSuffix?.required;
   } else if (required === false) {
@@ -8456,7 +8460,7 @@ function TextFieldBase(props) {
   const internalProps = props.internalProps || {};
   const { compound = false, forceFocus = false, forceHover = false } = internalProps;
   const errorMessageId = `${inputProps.id}-error`;
-  const labelSuffix = getLabelSuffix(required);
+  const labelSuffix = useLabelSuffix(required, inputProps.readOnly);
   const ElementType = multiline ? "textarea" : "input";
   const tid = useTestIds(props, defaultTestId(label));
   const [isFocused, setIsFocused] = (0, import_react30.useState)(false);