@comet/admin 9.0.0-canary-20251001104910 → 9.0.0-canary-20251002124333

package/lib/common/Tooltip.d.ts

@@ -6,16 +6,16 @@ type SlotProps = MuiTooltipProps["slotProps"] & ThemedComponentBaseProps<{
     text: typeof Typography;
 }>["slotProps"];
 export interface TooltipProps extends Omit<MuiTooltipProps, "slotProps" | "title"> {
-    variant?: Variant;
+    color?: Color;
     title?: ReactNode;
     description?: ReactNode;
     customContent?: ReactNode;
     slotProps?: SlotProps;
 }
 type Slot = "root" | "title" | "text";
-type Variant = "light" | "dark" | "neutral" | "primary" | "error" | "success" | "warning";
+type Color = "light" | "dark" | "error" | "success" | "warning";
 type ComponentState = "hasTitleOnly";
-export type TooltipClassKey = Slot | Variant | ComponentState | MuiTooltipClassKey;
+export type TooltipClassKey = Slot | Color | ComponentState | MuiTooltipClassKey;
 export declare const Tooltip: (inProps: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 declare module "@mui/material/styles" {
     interface ComponentsPropsList {

package/lib/common/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/common/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,mBAAmB,EAExB,KAAK,KAAK,EAIV,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,YAAY,IAAI,eAAe,EACpC,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,KAAK,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,GACzC,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC,CAAC,WAAW,CAAC,CAAC;AAEpB,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACtC,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1F,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,OAAO,GAAG,cAAc,GAAG,kBAAkB,CAAC;AA+InF,eAAO,MAAM,OAAO,GAAI,SAAS,YAAY,4CAiE5C,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,iBAAiB,EAAE,YAAY,CAAC;KACnC;IAED,UAAU,uBAAuB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,iBAAiB,CAAC,EAAE;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;YACjE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC;SACpE,CAAC;KACL;CACJ"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/common/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,mBAAmB,EAExB,KAAK,KAAK,EAIV,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,YAAY,IAAI,eAAe,EACpC,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,KAAK,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,GACzC,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC,CAAC,WAAW,CAAC,CAAC;AAEpB,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACtC,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAChE,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,GAAG,cAAc,GAAG,kBAAkB,CAAC;AA2IjF,eAAO,MAAM,OAAO,GAAI,SAAS,YAAY,4CAiE5C,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,iBAAiB,EAAE,YAAY,CAAC;KACnC;IAED,UAAU,uBAAuB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,iBAAiB,CAAC,EAAE;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;YACjE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC;SACpE,CAAC;KACL;CACJ"}

package/lib/common/Tooltip.js

@@ -9,7 +9,7 @@ var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
 var _createComponentSlot = require("../helpers/createComponentSlot");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["variant", "disableInteractive", "arrow", "children", "title", "description", "customContent", "slotProps"],
+var _excluded = ["color", "disableInteractive", "arrow", "children", "title", "description", "customContent", "slotProps"],
   _excluded2 = ["title", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -28,32 +28,28 @@ var TooltipPopper = (0, _createComponentSlot.createComponentSlot)(_material.Popp
   componentName: "Tooltip",
   slotName: "popper",
   classesResolver: function classesResolver(ownerState) {
-    return [ownerState.variant,
+    return [ownerState.color,
     // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L48
     !ownerState.disableInteractive && "popperInteractive", ownerState.arrow && "popperArrow", ownerState.hasTitleOnly && "hasTitleOnly"];
   }
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  var variantToTextColor = {
+  var colorPropToTextColor = {
     light: theme.palette.grey[900],
     dark: theme.palette.common.white,
-    neutral: theme.palette.grey[900],
-    primary: theme.palette.grey[900],
     error: theme.palette.common.white,
     success: theme.palette.common.black,
     warning: theme.palette.common.black
   };
-  var variantToBackgroundColor = {
+  var colorPropToBackgroundColor = {
     light: theme.palette.common.white,
     dark: ownerState.hasTitleOnly ? theme.palette.grey[500] : theme.palette.grey[900],
-    neutral: theme.palette.grey[100],
-    primary: theme.palette.primary.light,
     error: theme.palette.error.light,
     success: theme.palette.success.light,
     warning: theme.palette.warning.light
   };
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        .", " {\n            box-shadow: ", ";\n            border-radius: 4px;\n            padding: 3px 6px;\n            color: ", ";\n            background-color: ", ";\n            line-height: 0; // Custom content may include space-caracters, due to code indentation. Removing the line-height prevents these from adding unintended whitespace.\n\n            ", "\n        }\n\n        .", " {\n            color: ", ";\n        }\n\n        // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L55\n        z-index: ", ";\n        pointer-events: none;\n        ", ";\n        ", ";\n    "])), !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 200px;\n        "]))), _material.tooltipClasses.tooltip, theme.shadows[3], variantToTextColor[ownerState.variant], variantToBackgroundColor[ownerState.variant], !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                padding: 10px;\n            "]))), _material.tooltipClasses.arrow, variantToBackgroundColor[ownerState.variant], theme.zIndex.tooltip, !ownerState.disableInteractive && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            pointer-events: auto;\n        "]))), ownerState.arrow && (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &[data-popper-placement*=\"bottom\"] .", " {\n                top: 0;\n                margin-top: -0.71em;\n                &::before {\n                    transform-origin: 0 100%;\n                }\n            }\n            &[data-popper-placement*=\"top\"] .", " {\n                bottom: 0;\n                margin-bottom: -0.71em;\n                &::before {\n                    transform-origin: 100% 0;\n                }\n            }\n            &[data-popper-placement*=\"right\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 100% 100%;\n                }\n            }\n            &[data-popper-placement*=\"left\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 0 0;\n                }\n            }\n        "])), _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))), _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "])))));
+  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        .", " {\n            box-shadow: ", ";\n            border-radius: 4px;\n            padding: 3px 6px;\n            color: ", ";\n            background-color: ", ";\n            line-height: 0; // Custom content may include space-caracters, due to code indentation. Removing the line-height prevents these from adding unintended whitespace.\n\n            ", "\n        }\n\n        .", " {\n            color: ", ";\n        }\n\n        // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L55\n        z-index: ", ";\n        pointer-events: none;\n        ", ";\n        ", ";\n    "])), !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 200px;\n        "]))), _material.tooltipClasses.tooltip, theme.shadows[3], colorPropToTextColor[ownerState.color], colorPropToBackgroundColor[ownerState.color], !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                padding: 10px;\n            "]))), _material.tooltipClasses.arrow, colorPropToBackgroundColor[ownerState.color], theme.zIndex.tooltip, !ownerState.disableInteractive && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            pointer-events: auto;\n        "]))), ownerState.arrow && (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &[data-popper-placement*=\"bottom\"] .", " {\n                top: 0;\n                margin-top: -0.71em;\n                &::before {\n                    transform-origin: 0 100%;\n                }\n            }\n            &[data-popper-placement*=\"top\"] .", " {\n                bottom: 0;\n                margin-bottom: -0.71em;\n                &::before {\n                    transform-origin: 100% 0;\n                }\n            }\n            &[data-popper-placement*=\"right\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 100% 100%;\n                }\n            }\n            &[data-popper-placement*=\"left\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 0 0;\n                }\n            }\n        "])), _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))), _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "])))));
 });
 var Title = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
   componentName: "Tooltip",
@@ -68,8 +64,8 @@ var Tooltip = exports.Tooltip = function Tooltip(inProps) {
     props: inProps,
     name: "CometAdminTooltip"
   });
-  var _props$variant = props.variant,
-    variant = _props$variant === void 0 ? "dark" : _props$variant,
+  var _props$color = props.color,
+    color = _props$color === void 0 ? "dark" : _props$color,
     disableInteractive = props.disableInteractive,
     arrow = props.arrow,
     children = props.children,
@@ -87,7 +83,7 @@ var Tooltip = exports.Tooltip = function Tooltip(inProps) {
     throw new Error("You must provide a `title` or `customContent` when using the `Tooltip` component.");
   }
   var ownerState = {
-    variant: variant,
+    color: color,
     disableInteractive: disableInteractive,
     arrow: arrow,
     isRtl: theme.direction === "rtl",

package/lib/common/buttons/feedback/FeedbackButton.js

@@ -75,14 +75,14 @@ function FeedbackButton(inProps) {
     displayState: displayState
   };
   var isUncontrolled = loading === undefined && hasErrors === undefined;
-  var resolveTooltipForDisplayState = function resolveTooltipForDisplayState(displayState) {
+  var resolveTooltipColorForDisplayState = function resolveTooltipColorForDisplayState(displayState) {
     switch (displayState) {
       case "error":
         return "error";
       case "success":
         return "success";
       default:
-        return "neutral";
+        return "light";
     }
   };
   var handleOnClick = isUncontrolled && onClick ? /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
@@ -148,7 +148,7 @@ function FeedbackButton(inProps) {
     title: displayState === "error" ? tooltipErrorMessage : displayState === "success" ? tooltipSuccessMessage : "",
     open: displayState === "error" || displayState === "success",
     placement: endIcon && !startIcon ? "top-end" : "top-start",
-    variant: resolveTooltipForDisplayState(displayState)
+    color: resolveTooltipColorForDisplayState(displayState)
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tooltip), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: startIcon || endIcon

package/lib/form/FormSection.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentsOverrides } from "@mui/material";
 import { type Theme } from "@mui/material/styles";
-import { type ReactNode } from "react";
+import { type ComponentProps, type ReactNode } from "react";
 import { type ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
 import { SectionHeadline } from "../section/SectionHeadline";
 export type FormSectionClassKey = "root" | "disableMarginBottom" | "title" | "children";
@@ -12,12 +12,19 @@ export interface FormSectionProps extends ThemedComponentBaseProps<{
     children: ReactNode;
     title?: ReactNode;
     disableMarginBottom?: boolean;
+    infoTooltip?: ComponentProps<typeof Title>["infoTooltip"];
     /**
      * @deprecated Use `slotProps.title` for custom styling or for setting a custom `variant` on the underlying `Typography` component.
      */
     disableTypography?: boolean;
 }
 export declare function FormSection(inProps: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+declare const Title: import("react").ForwardRefExoticComponent<Pick<import("../section/SectionHeadline").SectionHeadlineProps, keyof import("../section/SectionHeadline").SectionHeadlineProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+} & import("react").RefAttributes<unknown>>;
 declare module "@mui/material/styles" {
     interface ComponentNameToClassKey {
         CometAdminFormSection: FormSectionClassKey;
@@ -32,4 +39,5 @@ declare module "@mui/material/styles" {
         };
     }
 }
+export {};
 //# sourceMappingURL=FormSection.d.ts.map

package/lib/form/FormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,qBAAqB,GAAG,OAAO,GAAG,UAAU,CAAC;AA2CxF,MAAM,WAAW,gBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC;CACnB,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,gBAAgB,2CA2BpD;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,qBAAqB,EAAE,mBAAmB,CAAC;KAC9C;IAED,UAAU,mBAAmB;QACzB,qBAAqB,EAAE,gBAAgB,CAAC;KAC3C;IAED,UAAU,UAAU;QAChB,qBAAqB,CAAC,EAAE;YACpB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAC;YACrE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,uBAAuB,CAAC,CAAC;SACxE,CAAC;KACL;CACJ"}
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/form/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,qBAAqB,GAAG,OAAO,GAAG,UAAU,CAAC;AAIxF,MAAM,WAAW,gBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,OAAO,eAAe,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC;CACnB,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1D;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,gBAAgB,2CA2BpD;AAiBD,QAAA,MAAM,KAAK;;;;;2CAOV,CAAC;AAiBF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,qBAAqB,EAAE,mBAAmB,CAAC;KAC9C;IAED,UAAU,mBAAmB;QACzB,qBAAqB,EAAE,gBAAgB,CAAC;KAC3C;IAED,UAAU,UAAU;QAChB,qBAAqB,CAAC,EAAE;YACpB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAC;YACrE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,uBAAuB,CAAC,CAAC;SACxE,CAAC;KACL;CACJ"}

package/lib/form/FormSection.js

@@ -9,8 +9,9 @@ var _styles = require("@mui/material/styles");
 var _createComponentSlot = require("../helpers/createComponentSlot");
 var _SectionHeadline = require("../section/SectionHeadline");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "title", "disableMarginBottom", "disableTypography", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["children", "title", "disableMarginBottom", "disableTypography", "slotProps", "infoTooltip"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -18,7 +19,38 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function FormSection(inProps) {
+  var _useThemeProps = (0, _styles.useThemeProps)({
+      props: inProps,
+      name: "CometAdminFormSection"
+    }),
+    children = _useThemeProps.children,
+    title = _useThemeProps.title,
+    disableMarginBottom = _useThemeProps.disableMarginBottom,
+    disableTypography = _useThemeProps.disableTypography,
+    slotProps = _useThemeProps.slotProps,
+    infoTooltip = _useThemeProps.infoTooltip,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var ownerState = {
+    disableMarginBottom: disableMarginBottom
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: disableTypography ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LegacyTitle, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
+        children: title
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, _objectSpread(_objectSpread({
+        infoTooltip: infoTooltip,
+        divider: true
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
+        children: title
+      }))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Children, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.children), {}, {
+      children: children
+    }))]
+  }));
+}
 var Root = (0, _createComponentSlot.createComponentSlot)("div")({
   componentName: "FormSection",
   slotName: "root",
@@ -49,33 +81,4 @@ var LegacyTitle = (0, _createComponentSlot.createComponentSlot)("div")({
 var Children = (0, _createComponentSlot.createComponentSlot)("div")({
   componentName: "FormSection",
   slotName: "children"
-})();
-function FormSection(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
-      props: inProps,
-      name: "CometAdminFormSection"
-    }),
-    children = _useThemeProps.children,
-    title = _useThemeProps.title,
-    disableMarginBottom = _useThemeProps.disableMarginBottom,
-    disableTypography = _useThemeProps.disableTypography,
-    slotProps = _useThemeProps.slotProps,
-    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var ownerState = {
-    disableMarginBottom: disableMarginBottom
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({
-    ownerState: ownerState
-  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: disableTypography ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LegacyTitle, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
-        children: title
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Title, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
-        divider: true,
-        children: title
-      }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Children, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.children), {}, {
-      children: children
-    }))]
-  }));
-}
+})();

package/lib/rowActions/RowActionsIconItem.d.ts

@@ -1,5 +1,6 @@
-import { type IconButtonProps, type TooltipProps } from "@mui/material";
+import { type IconButtonProps } from "@mui/material";
 import { type ReactNode } from "react";
+import { type TooltipProps } from "../common/Tooltip";
 import { type CommonRowActionItemProps } from "./RowActionsItem";
 export interface RowActionsIconItemComponentsProps {
     tooltip?: Partial<TooltipProps>;

package/lib/rowActions/RowActionsIconItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionsIconItem.d.ts","sourceRoot":"","sources":["../../src/rowActions/RowActionsIconItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,iCAAiC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACrE,eAAe,CAAC,EAAE,iCAAiC,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,uHAuB9B,CAAC"}
+{"version":3,"file":"RowActionsIconItem.d.ts","sourceRoot":"","sources":["../../src/rowActions/RowActionsIconItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,iCAAiC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACrE,eAAe,CAAC,EAAE,iCAAiC,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,kBAAkB,uHAuB9B,CAAC"}

package/lib/section/SectionHeadline.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentsOverrides, Divider, Typography } from "@mui/material";
 import { type Theme } from "@mui/material/styles";
-import { type ReactElement, type ReactNode } from "react";
+import { type ComponentProps, type ReactElement, type ReactNode } from "react";
 import { Tooltip } from "../common/Tooltip";
 import { type ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
 export type SectionHeadlineClassKey = "root" | "header" | "titleContainer" | "headline" | "divider" | "supportText" | "infoTooltip";
@@ -16,12 +16,19 @@ export interface SectionHeadlineProps extends ThemedComponentBaseProps<{
     children: ReactNode;
     divider?: boolean;
     supportText?: ReactNode;
+    infoTooltip?: ReactNode | Omit<ComponentProps<typeof InfoTooltip>, "children">;
     infoTooltipText?: ReactNode;
     iconMapping?: {
         tooltip?: ReactElement;
     };
 }
 export declare function SectionHeadline(inProps: SectionHeadlineProps): import("react/jsx-runtime").JSX.Element;
+declare const InfoTooltip: import("react").ForwardRefExoticComponent<Omit<Pick<import("../common/Tooltip").TooltipProps, keyof import("../common/Tooltip").TooltipProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
 declare module "@mui/material/styles" {
     interface ComponentNameToClassKey {
         CometAdminSectionHeadline: SectionHeadlineClassKey;
@@ -36,4 +43,5 @@ declare module "@mui/material/styles" {
         };
     }
 }
+export {};
 //# sourceMappingURL=SectionHeadline.d.ts.map

package/lib/section/SectionHeadline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeadline.d.ts","sourceRoot":"","sources":["../../src/section/SectionHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,CAAC;AA+DpI,MAAM,WAAW,oBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC;IACd,cAAc,EAAE,KAAK,CAAC;IACtB,QAAQ,EAAE,OAAO,UAAU,CAAC;IAC5B,WAAW,EAAE,OAAO,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,UAAU,CAAC;IAC/B,OAAO,EAAE,OAAO,OAAO,CAAC;CAC3B,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,YAAY,CAAC;KAC1B,CAAC;CACL;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB,2CAwC5D;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}
+{"version":3,"file":"SectionHeadline.d.ts","sourceRoot":"","sources":["../../src/section/SectionHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/F,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,CAAC;AAEpI,MAAM,WAAW,oBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC;IACd,cAAc,EAAE,KAAK,CAAC;IACtB,QAAQ,EAAE,OAAO,UAAU,CAAC;IAC5B,WAAW,EAAE,OAAO,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,UAAU,CAAC;IAC/B,OAAO,EAAE,OAAO,OAAO,CAAC;CAC3B,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;IAI/E,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,YAAY,CAAC;KAC1B,CAAC;CACL;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB,2CA0C5D;AAuDD,QAAA,MAAM,WAAW;;;;;mDAShB,CAAC;AASF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}

package/lib/section/SectionHeadline.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,11 +7,14 @@ exports.SectionHeadline = SectionHeadline;
 var _adminIcons = require("@comet/admin-icons");
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
+var _react = require("react");
 var _Tooltip = require("../common/Tooltip");
 var _createComponentSlot = require("../helpers/createComponentSlot");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "divider", "supportText", "infoTooltipText", "iconMapping", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["children", "divider", "supportText", "infoTooltip", "infoTooltipText", "iconMapping", "slotProps"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -20,47 +22,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
-  componentName: "SectionHeadline",
-  slotName: "root"
-})();
-var Header = (0, _createComponentSlot.createComponentSlot)("div")({
-  componentName: "SectionHeadline",
-  slotName: "header"
-})(function () {
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        flex-direction: row;\n        align-items: flex-end;\n        justify-content: space-between;\n    "])));
-});
-var TitleContainer = (0, _createComponentSlot.createComponentSlot)("div")({
-  componentName: "SectionHeadline",
-  slotName: "titleContainer"
-})(function () {
-  return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n    "])));
-});
-var Headline = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
-  componentName: "SectionHeadline",
-  slotName: "headline"
-})();
-var SupportText = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
-  componentName: "SectionHeadline",
-  slotName: "supportText"
-})(function (_ref) {
-  var theme = _ref.theme;
-  return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n    "])), theme.palette.text.secondary);
-});
-var InfoTooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
-  componentName: "SectionHeadline",
-  slotName: "infoTooltip"
-})(function (_ref2) {
-  var theme = _ref2.theme;
-  return (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        color: ", ";\n        margin-left: 10px;\n        font-size: 12px;\n    "])), theme.palette.text.secondary);
-});
-var StyledDivider = (0, _createComponentSlot.createComponentSlot)(_material.Divider)({
-  componentName: "SectionHeadline",
-  slotName: "divider"
-})(function () {
-  return (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-top: 10px;\n    "])));
-});
 function SectionHeadline(inProps) {
   var _slotProps$infoToolti;
   var _useThemeProps = (0, _styles.useThemeProps)({
@@ -70,6 +31,7 @@ function SectionHeadline(inProps) {
     children = _useThemeProps.children,
     divider = _useThemeProps.divider,
     supportText = _useThemeProps.supportText,
+    infoTooltip = _useThemeProps.infoTooltip,
     infoTooltipText = _useThemeProps.infoTooltipText,
     _useThemeProps$iconMa = _useThemeProps.iconMapping,
     iconMapping = _useThemeProps$iconMa === void 0 ? {} : _useThemeProps$iconMa,
@@ -81,6 +43,7 @@ function SectionHeadline(inProps) {
         fontSize: "inherit"
       }
     }) : _iconMapping$tooltip;
+  var infoTooltipProps = getTooltipProps(infoTooltip);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.header), {}, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TitleContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.titleContainer), {}, {
@@ -88,9 +51,9 @@ function SectionHeadline(inProps) {
           variant: "h4"
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.headline), {}, {
           children: children
-        })), (infoTooltipText || (slotProps === null || slotProps === void 0 || (_slotProps$infoToolti = slotProps.infoTooltip) === null || _slotProps$infoToolti === void 0 ? void 0 : _slotProps$infoToolti.title) !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoTooltip, _objectSpread(_objectSpread({
+        })), (infoTooltipText || infoTooltipProps || (slotProps === null || slotProps === void 0 || (_slotProps$infoToolti = slotProps.infoTooltip) === null || _slotProps$infoToolti === void 0 ? void 0 : _slotProps$infoToolti.title) !== undefined) && /*#__PURE__*/(0, _jsxRuntime.jsx)(InfoTooltip, _objectSpread(_objectSpread(_objectSpread({
           title: infoTooltipText
-        }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.infoTooltip), {}, {
+        }, infoTooltipProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.infoTooltip), {}, {
           children: tooltipIcon
         }))]
       })), supportText && /*#__PURE__*/(0, _jsxRuntime.jsx)(SupportText, _objectSpread(_objectSpread({
@@ -100,4 +63,50 @@ function SectionHeadline(inProps) {
       }))]
     })), divider && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDivider, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.divider))]
   }));
-}
+}
+var getTooltipProps = function getTooltipProps(infoTooltip) {
+  if (!infoTooltip) return null;
+  if (/*#__PURE__*/(0, _react.isValidElement)(infoTooltip) || typeof infoTooltip === "string") {
+    return {
+      title: infoTooltip
+    };
+  }
+  if (_typeof(infoTooltip) === "object") {
+    return infoTooltip;
+  }
+  return null;
+};
+var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+  componentName: "SectionHeadline",
+  slotName: "root"
+})();
+var Header = (0, _createComponentSlot.createComponentSlot)("div")({
+  componentName: "SectionHeadline",
+  slotName: "header"
+})((0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: space-between;\n"]))));
+var TitleContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+  componentName: "SectionHeadline",
+  slotName: "titleContainer"
+})((0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n"]))));
+var Headline = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+  componentName: "SectionHeadline",
+  slotName: "headline"
+})();
+var SupportText = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+  componentName: "SectionHeadline",
+  slotName: "supportText"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n    "])), theme.palette.text.secondary);
+});
+var InfoTooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
+  componentName: "SectionHeadline",
+  slotName: "infoTooltip"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        color: ", ";\n        margin-left: 10px;\n        font-size: 12px;\n    "])), theme.palette.text.secondary);
+});
+var StyledDivider = (0, _createComponentSlot.createComponentSlot)(_material.Divider)({
+  componentName: "SectionHeadline",
+  slotName: "divider"
+})((0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-top: 10px;\n"]))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/admin",
-  "version": "9.0.0-canary-20251001104910",
+  "version": "9.0.0-canary-20251002124333",
   "description": "Comet Admin package",
   "repository": {
     "directory": "packages/admin/admin",
@@ -28,7 +28,7 @@
     "react-dropzone": "^14.3.8",
     "use-constant": "^1.1.1",
     "uuid": "^11.1.0",
-    "@comet/admin-icons": "9.0.0-canary-20251001104910"
+    "@comet/admin-icons": "9.0.0-canary-20251002124333"
   },
   "devDependencies": {
     "@apollo/client": "^3.13.8",
@@ -76,9 +76,9 @@
     "rimraf": "^6.0.1",
     "ts-jest": "^29.4.0",
     "typescript": "5.8.3",
-    "@comet/admin-babel-preset": "9.0.0-canary-20251001104910",
-    "@comet/eslint-config": "9.0.0-canary-20251001104910",
-    "@comet/eslint-plugin": "9.0.0-canary-20251001104910"
+    "@comet/admin-babel-preset": "9.0.0-canary-20251002124333",
+    "@comet/eslint-config": "9.0.0-canary-20251002124333",
+    "@comet/eslint-plugin": "9.0.0-canary-20251002124333"
   },
   "peerDependencies": {
     "@apollo/client": "^3.7.0",