@homebound/beam 2.379.1 → 2.380.1

package/dist/index.js

@@ -4834,7 +4834,10 @@ var Icons = {
 // src/components/PresentationContext.tsx
 import { createContext, useContext as useContext2, useMemo as useMemo2 } from "react";
 import { jsx as jsx4 } from "@emotion/react/jsx-runtime";
-var PresentationContext = createContext({});
+var PresentationContext = createContext({
+  // Required fields should always show asterisk
+  fieldProps: { labelSuffix: { required: "*" } }
+});
 function PresentationProvider(props) {
   const { children, ...presentationProps } = props;
   const existingContext = usePresentationContext();
@@ -8043,8 +8046,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) {
@@ -8114,7 +8118,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] = useState11(false);