@homebound/beam 4.16.1 → 4.17.0

package/dist/index.d.cts

@@ -6414,6 +6414,8 @@ interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldPro
     helperText?: string | ReactNode;
     /** Input label */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
     required?: boolean;
     value: string | undefined;
@@ -8424,6 +8426,8 @@ type CheckboxGroupItemOption = {
 };
 type CheckboxGroupProps = {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     required?: boolean;
     /** Called when a checkbox is selected or deselected */
     onChange: (values: string[]) => void;
@@ -8480,7 +8484,6 @@ type TextFieldBaseProps<X> = {
     startAdornment?: ReactNode;
     clearable?: boolean;
     textAreaMinHeight?: number;
-    tooltip?: ReactNode;
     hideErrorMessage?: boolean;
     alwaysShowHelperText?: boolean;
     unfocusedPlaceholder?: ReactNode;
@@ -8494,9 +8497,9 @@ type TextFieldBaseProps<X> = {
     onUserBlur?: VoidFunction;
     /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
     selectOnFocus?: boolean;
-} & Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
+} & Pick<BeamTextFieldProps<X>, "label" | "tooltip" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
 
-type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
+type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth" | "tooltip"> & {
     label: string;
     /** Called when the component loses focus */
     onBlur?: () => void;
@@ -8596,6 +8599,8 @@ type ComboBoxBaseProps<O, V extends Value> = {
     fieldDecoration?: (opt: O) => ReactNode;
     /** Sets the form field label. */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     readOnly?: boolean | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
@@ -8710,6 +8715,8 @@ type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionB
 type SelectCardGroupItemOption<V extends Value> = SelectCardGridGroupItemOption<V> | SelectCardListGroupItemOption<V>;
 type SelectCardGroupFieldPropsBase = {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     errorMsg?: string;
     helperText?: string | ReactNode;
     disabled?: boolean;
@@ -8787,6 +8794,8 @@ declare function BoundMultiSelectField<O extends HasIdAndName<V>, V extends Valu
 type NumberFieldType = "cents" | "dollars" | "percent" | "basisPoints" | "days" | "mills";
 interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "fullWidth"> {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** If set, the label will be defined as 'aria-label` on the input element */
     type?: NumberFieldType;
     value: number | undefined;
@@ -8847,6 +8856,8 @@ type RadioGroupFieldLayout = "vertical" | "horizontal";
 type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** The currently selected option value (i.e. an id). */
     value: K | undefined;
     /** Called when an option is selected. We don't support unselecting. */
@@ -8892,6 +8903,8 @@ type RichTextFieldProps = {
      */
     mergeTags?: string[];
     label?: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     autoFocus?: boolean;
     placeholder?: string;
     /** Called when the component loses focus */
@@ -9095,6 +9108,8 @@ type ToggleChipItemProps = {
 };
 interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labelStyle"> {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     options: ToggleChipItemProps[];
     values: string[];
     readonly?: boolean;
@@ -9156,6 +9171,8 @@ type TreeSelectFieldProps<O, V extends Value> = {
     fieldDecoration?: (opt: O) => ReactNode;
     /** Sets the form field label. */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     readOnly?: boolean | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;

package/dist/index.d.ts

@@ -6414,6 +6414,8 @@ interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldPro
     helperText?: string | ReactNode;
     /** Input label */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
     required?: boolean;
     value: string | undefined;
@@ -8424,6 +8426,8 @@ type CheckboxGroupItemOption = {
 };
 type CheckboxGroupProps = {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     required?: boolean;
     /** Called when a checkbox is selected or deselected */
     onChange: (values: string[]) => void;
@@ -8480,7 +8484,6 @@ type TextFieldBaseProps<X> = {
     startAdornment?: ReactNode;
     clearable?: boolean;
     textAreaMinHeight?: number;
-    tooltip?: ReactNode;
     hideErrorMessage?: boolean;
     alwaysShowHelperText?: boolean;
     unfocusedPlaceholder?: ReactNode;
@@ -8494,9 +8497,9 @@ type TextFieldBaseProps<X> = {
     onUserBlur?: VoidFunction;
     /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
     selectOnFocus?: boolean;
-} & Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
+} & Pick<BeamTextFieldProps<X>, "label" | "tooltip" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
 
-type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth"> & {
+type DateFieldCommonProps = Pick<TextFieldBaseProps<Properties>, "borderless" | "visuallyDisabled" | "labelStyle" | "compact" | "fullWidth" | "tooltip"> & {
     label: string;
     /** Called when the component loses focus */
     onBlur?: () => void;
@@ -8596,6 +8599,8 @@ type ComboBoxBaseProps<O, V extends Value> = {
     fieldDecoration?: (opt: O) => ReactNode;
     /** Sets the form field label. */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     readOnly?: boolean | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
@@ -8710,6 +8715,8 @@ type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionB
 type SelectCardGroupItemOption<V extends Value> = SelectCardGridGroupItemOption<V> | SelectCardListGroupItemOption<V>;
 type SelectCardGroupFieldPropsBase = {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     errorMsg?: string;
     helperText?: string | ReactNode;
     disabled?: boolean;
@@ -8787,6 +8794,8 @@ declare function BoundMultiSelectField<O extends HasIdAndName<V>, V extends Valu
 type NumberFieldType = "cents" | "dollars" | "percent" | "basisPoints" | "days" | "mills";
 interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "fullWidth"> {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** If set, the label will be defined as 'aria-label` on the input element */
     type?: NumberFieldType;
     value: number | undefined;
@@ -8847,6 +8856,8 @@ type RadioGroupFieldLayout = "vertical" | "horizontal";
 type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     /** The currently selected option value (i.e. an id). */
     value: K | undefined;
     /** Called when an option is selected. We don't support unselecting. */
@@ -8892,6 +8903,8 @@ type RichTextFieldProps = {
      */
     mergeTags?: string[];
     label?: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     autoFocus?: boolean;
     placeholder?: string;
     /** Called when the component loses focus */
@@ -9095,6 +9108,8 @@ type ToggleChipItemProps = {
 };
 interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labelStyle"> {
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     options: ToggleChipItemProps[];
     values: string[];
     readonly?: boolean;
@@ -9156,6 +9171,8 @@ type TreeSelectFieldProps<O, V extends Value> = {
     fieldDecoration?: (opt: O) => ReactNode;
     /** Sets the form field label. */
     label: string;
+    /** Adds tooltip for the field, shown via an info icon beside the label. */
+    tooltip?: ReactNode;
     readOnly?: boolean | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;

package/dist/index.js

@@ -11250,6 +11250,7 @@ function TextFieldBase(props) {
   } = fieldProps ?? {};
   const {
     label,
+    tooltip,
     required,
     labelProps,
     inputProps,
@@ -11271,7 +11272,6 @@ function TextFieldBase(props) {
     borderOnHover = fieldProps?.borderOnHover ?? false,
     textAreaMinHeight = 96,
     clearable = false,
-    tooltip,
     visuallyDisabled = fieldProps?.visuallyDisabled ?? true,
     errorInTooltip = fieldProps?.errorInTooltip ?? false,
     hideErrorMessage = false,
@@ -11292,6 +11292,9 @@ function TextFieldBase(props) {
     forceFocus = false,
     forceHover = false
   } = internalProps;
+  const hasVisibleLabel = !!label && labelStyle !== "inline" && labelStyle !== "hidden" && !compound;
+  const isInteractive = !inputProps.disabled && !inputProps.readOnly;
+  const tooltipLocation = hasVisibleLabel ? "label" : !isInteractive ? "field" : void 0;
   const errorMessageId = `${inputProps.id}-error`;
   const labelSuffix = useLabelSuffix(required, inputProps.readOnly);
   const tid = useTestIds(props, defaultTestId(label));
@@ -11583,9 +11586,9 @@ function TextFieldBase(props) {
   };
   return /* @__PURE__ */ jsxs20(Fragment13, { children: [
     /* @__PURE__ */ jsxs20("div", { ...trussProps24(fieldStyles.container), ...groupProps, ...focusWithinProps, children: [
-      label && labelStyle !== "inline" && /* @__PURE__ */ jsx37(Label, { labelProps, hidden: labelStyle === "hidden" || compound, label, inline: labelStyle !== "above", suffix: labelSuffix, ...tid.label }),
+      label && labelStyle !== "inline" && /* @__PURE__ */ jsx37(Label, { labelProps, hidden: labelStyle === "hidden" || compound, label, inline: labelStyle !== "above", suffix: labelSuffix, tooltip: tooltipLocation === "label" ? tooltip : void 0, ...tid.label }),
       maybeTooltip({
-        title: tooltip,
+        title: tooltipLocation === "field" ? tooltip : void 0,
         placement: "top",
         children: inputProps.readOnly ? /* @__PURE__ */ jsxs20("div", { ...trussProps24({
           // Use input wrapper to get common styles, but then we need to override some
@@ -18824,7 +18827,7 @@ function TreeSelectFieldBase(props) {
       maxWidth: "maxw100"
     } : {}
   }), ref: comboBoxRef, children: [
-    /* @__PURE__ */ jsx105(ComboBoxInput, { ...otherProps, fullWidth, labelStyle, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions: fieldState.selectedOptions, selectedOptionsLabels: fieldState.selectedOptionsLabels, getOptionValue, getOptionLabel, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, nothingSelectedText, isTree: true }),
+    /* @__PURE__ */ jsx105(ComboBoxInput, { ...otherProps, fullWidth, labelStyle, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions: fieldState.selectedOptions, selectedOptionsLabels: fieldState.selectedOptionsLabels, getOptionValue, getOptionLabel, borderless, tooltip: resolveTooltip(disabled, props.tooltip, readOnly), resetField, nothingSelectedText, isTree: true }),
     state.isOpen && /* @__PURE__ */ jsx105(
       Popover,
       {
@@ -19073,6 +19076,7 @@ function ComboBoxBase(props) {
     onAddNew,
     autoSort = true,
     hideChips = false,
+    tooltip,
     ...otherProps
   } = props;
   const labelStyle = otherProps.labelStyle ?? fieldProps?.labelStyle ?? "above";
@@ -19305,7 +19309,7 @@ function ComboBoxBase(props) {
       maxWidth: "maxw100"
     } : {}
   }), ref: comboBoxRef, children: [
-    /* @__PURE__ */ jsx107(ComboBoxInput, { ...otherProps, inputStylePalette, fullWidth, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions, getOptionValue, getOptionLabel, nothingSelectedText, borderless, tooltip: resolveTooltip(disabled, void 0, readOnly), resetField, hideChips, ...proposalProps }),
+    /* @__PURE__ */ jsx107(ComboBoxInput, { ...otherProps, inputStylePalette, fullWidth, buttonProps, buttonRef: triggerRef, inputProps, inputRef, inputWrapRef, listBoxRef, state, labelProps, selectedOptions, getOptionValue, getOptionLabel, nothingSelectedText, borderless, tooltip: resolveTooltip(disabled, tooltip, readOnly), resetField, hideChips, ...proposalProps }),
     state.isOpen && /* @__PURE__ */ jsx107(
       Popover,
       {
@@ -19979,6 +19983,7 @@ import { jsx as jsx116, jsxs as jsxs71 } from "react/jsx-runtime";
 function LabeledGroupField(props) {
   const {
     label,
+    tooltip,
     labelStyle,
     labelProps,
     groupProps,
@@ -19992,7 +19997,7 @@ function LabeledGroupField(props) {
   } = props;
   const isHiddenLabel = labelStyle === "hidden";
   const isLeftLabel = labelStyle === "left";
-  const labelElement = /* @__PURE__ */ jsx116(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, hidden: isHiddenLabel, inline: isLeftLabel });
+  const labelElement = /* @__PURE__ */ jsx116(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, tooltip, hidden: isHiddenLabel, inline: isLeftLabel });
   return /* @__PURE__ */ jsxs71("div", { ...groupProps, ...trussProps77({
     width: "w100",
     ...isLeftLabel ? {
@@ -20020,6 +20025,7 @@ function CheckboxGroup(props) {
   const {
     options,
     label,
+    tooltip,
     labelStyle = fieldProps?.labelStyle ?? "above",
     values,
     errorMsg,
@@ -20039,7 +20045,7 @@ function CheckboxGroup(props) {
   } = useCheckboxGroup(props, state);
   const tid = useTestIds(props, defaultTestId(label));
   const labelSuffix = useLabelSuffix(required, false);
-  return /* @__PURE__ */ jsx117(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, labelSuffix, onBlur, onFocus, tid, children: /* @__PURE__ */ jsx117("div", { ...trussProps78({
+  return /* @__PURE__ */ jsx117(LabeledGroupField, { label, tooltip, labelStyle, labelProps, groupProps, errorMsg, helperText, labelSuffix, onBlur, onFocus, tid, children: /* @__PURE__ */ jsx117("div", { ...trussProps78({
     display: "dg",
     gridTemplateColumns: ["gtc_var", {
       "--gridTemplateColumns": maybeCssVar36(`repeat(${columns}, auto)`)
@@ -20270,6 +20276,7 @@ import { Fragment as Fragment29, jsx as jsx121, jsxs as jsxs72 } from "react/jsx
 function DateFieldBase(props) {
   const {
     label,
+    tooltip,
     disabled,
     required,
     value,
@@ -20462,7 +20469,7 @@ function DateFieldBase(props) {
         },
         endAdornment: !iconLeft && EndFieldButtons,
         startAdornment: !hideCalendarIcon && iconLeft && calendarButton,
-        tooltip: resolveTooltip(disabled, void 0, readOnly),
+        tooltip: resolveTooltip(disabled, tooltip, readOnly),
         ...others
       }
     ),
@@ -20677,6 +20684,7 @@ function MultiLineSelectField(props) {
     getOptionValue = (opt) => opt.id,
     getOptionLabel = (opt) => opt.name,
     labelStyle,
+    tooltip,
     ...otherProps
   } = props;
   const tid = useTestIds(props, "");
@@ -20692,7 +20700,7 @@ function MultiLineSelectField(props) {
       ...labelStyle === "left" ? {
         width: "w50"
       } : {}
-    }), children: /* @__PURE__ */ jsx128(Label, { ...tid.label, label: props.label }) }),
+    }), children: /* @__PURE__ */ jsx128(Label, { ...tid.label, label: props.label, tooltip }) }),
     /* @__PURE__ */ jsxs74("div", { ...trussProps81({
       ...labelStyle === "left" ? {
         width: "w50"
@@ -21268,6 +21276,7 @@ function MultiSelectCardGroup(props) {
   } = usePresentationContext();
   const {
     label,
+    tooltip,
     labelStyle = fieldProps?.labelStyle ?? "above",
     values,
     options,
@@ -21302,7 +21311,7 @@ function MultiSelectCardGroup(props) {
     label,
     isDisabled
   }, state);
-  return /* @__PURE__ */ jsx135(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx135("div", { ...trussProps86(getSelectCardOptionsCss({
+  return /* @__PURE__ */ jsx135(LabeledGroupField, { label, tooltip, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx135("div", { ...trussProps86(getSelectCardOptionsCss({
     view,
     hasDescription,
     layout,
@@ -21516,6 +21525,7 @@ function NumberField(props) {
     readOnly,
     type,
     label,
+    tooltip,
     onBlur,
     onFocus,
     errorMsg,
@@ -21675,7 +21685,7 @@ function NumberField(props) {
       onFocus,
       errorMsg,
       helperText,
-      tooltip: resolveTooltip(disabled, void 0, readOnly),
+      tooltip: resolveTooltip(disabled, tooltip, readOnly),
       ...proposalProps,
       ...otherProps
     }
@@ -21758,6 +21768,7 @@ function RadioGroupField(props) {
     errorMsg,
     helperText,
     layout = "vertical",
+    tooltip,
     ...otherProps
   } = props;
   const name = useMemo34(() => `radio-group-${++nextNameId}`, []);
@@ -21791,7 +21802,7 @@ function RadioGroupField(props) {
         justifyContent: "jcsb"
       } : {}
     }), ...tid, children: [
-      /* @__PURE__ */ jsx143(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, hidden: labelStyle === "hidden" }),
+      /* @__PURE__ */ jsx143(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, tooltip, hidden: labelStyle === "hidden" }),
       /* @__PURE__ */ jsxs79("div", { ...radioGroupProps, children: [
         /* @__PURE__ */ jsx143("div", { ...trussProps88({
           display: "df",
@@ -22093,7 +22104,7 @@ function RichTextFieldImpl(props) {
         maxWidth: "maxw_550px"
       } : {}
     }), children: [
-      label && /* @__PURE__ */ jsx146(Label, { labelProps: {}, label }),
+      label && /* @__PURE__ */ jsx146(Label, { labelProps: {}, label, tooltip: props.tooltip }),
       /* @__PURE__ */ jsxs80("div", { className: "beam-trix-editor", children: [
         /* @__PURE__ */ jsx146("input", { type: "hidden", id: `input-${id}`, value }),
         createElement4("trix-editor", {
@@ -22116,7 +22127,7 @@ function RichTextFieldImpl(props) {
         maxWidth: "maxw_550px"
       } : {}
     }), children: [
-      label && /* @__PURE__ */ jsx146(Label, { label }),
+      label && /* @__PURE__ */ jsx146(Label, { label, tooltip: props.tooltip }),
       /* @__PURE__ */ jsx146("div", { ...trussProps89({
         minHeight: "mh_120px",
         backgroundColor: ["bgColor_var", {
@@ -22261,6 +22272,7 @@ function SelectCardGroup(props) {
   } = usePresentationContext();
   const {
     label,
+    tooltip,
     labelStyle = fieldProps?.labelStyle ?? "above",
     value,
     options,
@@ -22289,7 +22301,7 @@ function SelectCardGroup(props) {
     label,
     isDisabled
   }, state);
-  return /* @__PURE__ */ jsx149(LabeledGroupField, { label, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx149("div", { ...trussProps90(getSelectCardOptionsCss({
+  return /* @__PURE__ */ jsx149(LabeledGroupField, { label, tooltip, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx149("div", { ...trussProps90(getSelectCardOptionsCss({
     view,
     hasDescription,
     layout,
@@ -22624,6 +22636,7 @@ function TextAreaField(props) {
     preventNewLines,
     onEnter,
     maxLines,
+    tooltip,
     ...otherProps
   } = props;
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
@@ -22663,7 +22676,7 @@ function TextAreaField(props) {
       inputRef,
       inputWrapRef,
       textAreaMinHeight: preventNewLines ? 0 : void 0,
-      tooltip: resolveTooltip(disabled, void 0, readOnly),
+      tooltip: resolveTooltip(disabled, tooltip, readOnly),
       ...proposalProps
     }
   );
@@ -22731,6 +22744,7 @@ function TextField(props) {
     onEnter,
     onEscapeBubble,
     hideErrorMessage,
+    tooltip,
     ...otherProps
   } = props;
   const { effectiveValue, proposalProps } = useAiProposal(value, proposedValue);
@@ -22773,7 +22787,7 @@ function TextField(props) {
       labelProps,
       inputProps,
       inputRef,
-      tooltip: resolveTooltip(disabled, void 0, readOnly),
+      tooltip: resolveTooltip(disabled, tooltip, readOnly),
       hideErrorMessage,
       ...proposalProps
     }
@@ -22843,6 +22857,7 @@ function ToggleChipGroup(props) {
   const {
     values,
     label,
+    tooltip,
     labelStyle = fieldProps?.labelStyle ?? "above",
     options,
     required,
@@ -22871,7 +22886,7 @@ function ToggleChipGroup(props) {
       justifyContent: "jcsb"
     } : {}
   }), children: [
-    /* @__PURE__ */ jsx158(Label, { label, ...labelProps, hidden: labelStyle === "hidden", inline: labelStyle !== "above", suffix: labelSuffix }),
+    /* @__PURE__ */ jsx158(Label, { label, ...labelProps, ...tid.label, hidden: labelStyle === "hidden", inline: labelStyle !== "above", suffix: labelSuffix, tooltip }),
     /* @__PURE__ */ jsx158("div", { ...trussProps92({
       display: "df",
       gap: "g_1",