@aivenio/aquarium 2.13.0 → 2.14.0

package/dist/atoms.cjs

@@ -8785,6 +8785,14 @@ var Header = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
 };
+var Title2 = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ import_react37.default.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
+};
+var Subtitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ import_react37.default.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
+};
 var Footer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -8844,6 +8852,8 @@ var SubmenuItem = (_a) => {
   var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
   return /* @__PURE__ */ import_react37.default.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
 };
+Header.Title = Title2;
+Header.Subtitle = Subtitle;
 Submenu.Item = SubmenuItem;
 Navigation.Header = Header;
 Navigation.Footer = Footer;
@@ -8923,7 +8933,7 @@ var Header2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ import_react40.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
 };
-var Title2 = (_a) => {
+var Title3 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ import_react40.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
 };
@@ -8941,7 +8951,7 @@ var Actions2 = (_a) => {
 };
 var PopoverDialog = {
   Header: Header2,
-  Title: Title2,
+  Title: Title3,
   Body,
   Footer: Footer2,
   Actions: Actions2

package/dist/atoms.mjs

@@ -8737,6 +8737,14 @@ var Header = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
 };
+var Title2 = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React33.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
+};
+var Subtitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React33.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
+};
 var Footer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -8796,6 +8804,8 @@ var SubmenuItem = (_a) => {
   var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
   return /* @__PURE__ */ React33.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
 };
+Header.Title = Title2;
+Header.Subtitle = Subtitle;
 Submenu.Item = SubmenuItem;
 Navigation.Header = Header;
 Navigation.Footer = Footer;
@@ -8875,7 +8885,7 @@ var Header2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ React36.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
 };
-var Title2 = (_a) => {
+var Title3 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ React36.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
 };
@@ -8893,7 +8903,7 @@ var Actions2 = (_a) => {
 };
 var PopoverDialog = {
   Header: Header2,
-  Title: Title2,
+  Title: Title3,
   Body,
   Footer: Footer2,
   Actions: Actions2

package/dist/src/atoms/Navigation/Navigation.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Typography } from '../../../src/atoms/Typography/Typography';
 type UListProps = React.HTMLProps<HTMLUListElement> & {
     title?: string;
 };
@@ -13,7 +14,13 @@ type ComposedNavigationProps = {
     Divider: typeof Divider;
 };
 export declare const Navigation: ComposedNavigationProps & React.FC<UListProps>;
-declare const Header: React.FC<LIProp>;
+type ComposedHeaderProps = React.FC<LIProp> & {
+    Title: typeof Title;
+    Subtitle: typeof Subtitle;
+};
+declare const Header: ComposedHeaderProps;
+declare const Title: React.FC<React.ComponentProps<typeof Typography>>;
+declare const Subtitle: React.FC<React.ComponentProps<typeof Typography>>;
 declare const Footer: React.FC<LIProp>;
 declare const Section: React.FC<UListProps>;
 declare const Divider: React.FC<LIProp>;

package/dist/src/atoms/Navigation/Navigation.js

@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import { Typography } from '../../../src/atoms/Typography/Typography';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const Navigation = (_a) => {
     var { className, children, 'aria-label': ariaLabel } = _a, rest = __rest(_a, ["className", "children", 'aria-label']);
@@ -20,6 +21,14 @@ const Header = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5'), className) })));
 };
+const Title = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(Typography, Object.assign({ variant: "caption", className: classNames('uppercase text-muted', className) }, props)));
+};
+const Subtitle = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(Typography, Object.assign({ variant: "small-strong", className: classNames('text-intense', className) }, props)));
+};
 const Footer = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (React.createElement("li", Object.assign({}, rest, { role: "presentation", className: classNames(tw('px-6 py-5 mt-auto'), className) })));
@@ -52,6 +61,8 @@ const SubmenuItem = (_a) => {
     var { className, active } = _a, rest = __rest(_a, ["className", "active"]);
     return (React.createElement(Navigation.Item, Object.assign({}, rest, { active: active, className: classNames(className, tw('pl-[56px]')) })));
 };
+Header.Title = Title;
+Header.Subtitle = Subtitle;
 Submenu.Item = SubmenuItem;
 Navigation.Header = Header;
 Navigation.Footer = Footer;
@@ -59,4 +70,4 @@ Navigation.Section = Section;
 Navigation.Item = Item;
 Navigation.Submenu = Submenu;
 Navigation.Divider = Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFlcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBSzFFLEVBQUUsRUFBRTtRQUxzRSxFQUN6RSxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFBRSxTQUFTLE9BRXhCLEVBREksSUFBSSxjQUprRSx1Q0FLMUUsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLGdCQUFjLFNBQVM7UUFDdEUsNENBQVEsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFDLFNBQVMsS0FDdkYsUUFBUSxDQUNOLENBQ0QsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sTUFBTSxHQUFxQixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDM0QsNENBQVEsSUFBSSxJQUFFLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDeEYsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBZXBELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBbUQsQ0FBQyxFQUsxRSxFQUFFLEVBQUU7UUFMc0UsRUFDekUsU0FBUyxFQUNULFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxPQUV4QixFQURJLElBQUksY0FKa0UsdUNBSzFFLENBRFE7SUFDSCxPQUFBLENBQ0osNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxnQkFBYyxTQUFTO1FBQ3RFLDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxTQUFTLEtBQ3ZGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFPRixNQUFNLE1BQU0sR0FBd0IsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzlELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQXNELENBQUMsRUFBdUIsRUFBRSxFQUFFO1FBQTNCLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFyQixhQUF1QixDQUFGO0lBQU8sT0FBQSxDQUM1RixvQkFBQyxVQUFVLGtCQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxzQkFBc0IsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDdEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBc0QsQ0FBQyxFQUF1QixFQUFFLEVBQUU7UUFBM0IsRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXJCLGFBQXVCLENBQUY7SUFBTyxPQUFBLENBQy9GLG9CQUFDLFVBQVUsa0JBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDbkcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDaEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBeUIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxLQUFLLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDdkUsNEJBQUksSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQztRQUMxQyxLQUFLLElBQUksQ0FDUiw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxxRUFBcUUsQ0FBQyxJQUN6RyxLQUFLLENBQ0YsQ0FDUDtRQUNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2pGLENBQ04sQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzVELHlEQUFpQixJQUFJLElBQU0sSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHlCQUF5QixDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDckcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLElBQUksR0FBK0MsQ0FBQyxFQUE4QixFQUFFLEVBQUU7UUFBbEMsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUE1Qix1QkFBOEIsQ0FBRjtJQUFPLE9BQUEsQ0FDM0YsNEJBQUksSUFBSSxFQUFDLGNBQWM7UUFDckIsMkNBQ00sSUFBSSxJQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDhGQUE4RixFQUFFO2dCQUNqRyxjQUFjLEVBQUUsQ0FBQyxNQUFNO2dCQUN2QixzQkFBc0IsRUFBRSxDQUFDLENBQUMsTUFBTTthQUNqQyxDQUFDLEVBQ0YsU0FBUyxDQUNWLElBQ0QsQ0FDQyxDQUNOLENBQUE7Q0FBQSxDQUFDO0FBTUYsTUFBTSxPQUFPLEdBQXVHLENBQUMsRUFNcEgsRUFBRSxFQUFFO1FBTmdILEVBQ25ILFFBQVEsRUFDUixTQUFTLEVBQ1QsS0FBSyxFQUNMLEVBQUUsT0FFSCxFQURJLElBQUksY0FMNEcsd0NBTXBILENBRFE7SUFDSCxPQUFBLENBQ0osNEJBQUksSUFBSSxFQUFDLGNBQWM7UUFLckIseUNBQ0UsSUFBSSxFQUFDLFVBQVUsbUJBQ0QsTUFBTSxFQUNwQixJQUFJLEVBQUMsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLG9HQUFvRyxDQUFDLEVBQ3hHLFNBQVMsQ0FDVixJQUNHLElBQUksR0FFUCxLQUFLLENBQ0o7UUFDSiw0QkFBSSxJQUFJLEVBQUMsTUFBTSxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDLHFCQUFtQixFQUFFLElBQzVFLFFBQVEsQ0FDTixDQUNGLENBQ04sQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBK0MsQ0FBQyxFQUE4QixFQUFFLEVBQUU7UUFBbEMsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUE1Qix1QkFBOEIsQ0FBRjtJQUFPLE9BQUEsQ0FDbEcsb0JBQUMsVUFBVSxDQUFDLElBQUksb0JBQUssSUFBSSxJQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FDakcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztBQUNyQixNQUFNLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUUzQixPQUFPLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQztBQUMzQixVQUFVLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztBQUMzQixVQUFVLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztBQUMzQixVQUFVLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQUM3QixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQUM3QixVQUFVLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyJ9

package/dist/src/molecules/Navigation/Navigation.d.ts

@@ -6,7 +6,10 @@ export declare const Navigation: {
     Item: ({ children, icon, showNotification, ...rest }: ItemProps & React.ComponentProps<typeof NavigationBase.Item>) => React.JSX.Element;
     Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
     Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
-    Header: React.FC<React.HTMLProps<HTMLLIElement>>;
+    Header: React.FC<React.HTMLProps<HTMLLIElement>> & {
+        Title: React.FC<import("../../atoms").TypographyProps>;
+        Subtitle: React.FC<import("../../atoms").TypographyProps>;
+    };
     Section: React.FC<React.HTMLProps<HTMLUListElement> & {
         title?: string;
     }>;

package/dist/styles.css

@@ -3710,18 +3710,6 @@ input[type='number'].no-arrows {
       stroke: rgba(210,210,214,1);
       stroke: var(--aquarium-border-color-default);
     }
-.aquarium-theme-dark .Aquarium-Link {
-    color: rgba(34,47,149,1);
-    color: var(--aquarium-text-color-primary-active);
-  }
-.aquarium-theme-dark .Aquarium-Link:active,.aquarium-theme-dark .Aquarium-Link:hover,.aquarium-theme-dark .Aquarium-Link.focus-visible {
-      color: rgba(129,142,236,1);
-      color: var(--aquarium-text-color-primary-muted);
-    }
-.aquarium-theme-dark .Aquarium-Link:active,.aquarium-theme-dark .Aquarium-Link:hover,.aquarium-theme-dark .Aquarium-Link:focus-visible {
-      color: rgba(129,142,236,1);
-      color: var(--aquarium-text-color-primary-muted);
-    }
 .aquarium-theme-dark .Aquarium-Button\.Secondary {
     --tw-ring-color: var(--aquarium-text-color-primary-intense);
  }

package/dist/system.cjs

@@ -15080,6 +15080,14 @@ var Header = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ import_react116.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
 };
+var Title2 = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ import_react116.default.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
+};
+var Subtitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ import_react116.default.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
+};
 var Footer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ import_react116.default.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -15139,6 +15147,8 @@ var SubmenuItem = (_a) => {
   var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
   return /* @__PURE__ */ import_react116.default.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
 };
+Header.Title = Title2;
+Header.Subtitle = Subtitle;
 Submenu.Item = SubmenuItem;
 Navigation.Header = Header;
 Navigation.Footer = Footer;
@@ -15285,7 +15295,7 @@ var Header2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ import_react120.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
 };
-var Title2 = (_a) => {
+var Title3 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ import_react120.default.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
 };
@@ -15303,7 +15313,7 @@ var Actions2 = (_a) => {
 };
 var PopoverDialog = {
   Header: Header2,
-  Title: Title2,
+  Title: Title3,
   Body,
   Footer: Footer2,
   Actions: Actions2

package/dist/system.mjs

@@ -14945,6 +14945,14 @@ var Header = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React107.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5"), className) }));
 };
+var Title2 = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React107.createElement(Typography, __spreadValues({ variant: "caption", className: classNames("uppercase text-muted", className) }, props));
+};
+var Subtitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React107.createElement(Typography, __spreadValues({ variant: "small-strong", className: classNames("text-intense", className) }, props));
+};
 var Footer = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React107.createElement("li", __spreadProps(__spreadValues({}, rest), { role: "presentation", className: classNames(tw("px-6 py-5 mt-auto"), className) }));
@@ -15004,6 +15012,8 @@ var SubmenuItem = (_a) => {
   var _b = _a, { className, active } = _b, rest = __objRest(_b, ["className", "active"]);
   return /* @__PURE__ */ React107.createElement(Navigation.Item, __spreadProps(__spreadValues({}, rest), { active, className: classNames(className, tw("pl-[56px]")) }));
 };
+Header.Title = Title2;
+Header.Subtitle = Subtitle;
 Submenu.Item = SubmenuItem;
 Navigation.Header = Header;
 Navigation.Footer = Footer;
@@ -15150,7 +15160,7 @@ var Header2 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ React111.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames(tw("p-5 gap-3 flex items-center"), className) }), children);
 };
-var Title2 = (_a) => {
+var Title3 = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ React111.createElement(Typography, __spreadProps(__spreadValues({}, rest), { htmlTag: "h1", variant: "small-strong" }), children);
 };
@@ -15168,7 +15178,7 @@ var Actions2 = (_a) => {
 };
 var PopoverDialog = {
   Header: Header2,
-  Title: Title2,
+  Title: Title3,
   Body,
   Footer: Footer2,
   Actions: Actions2