@coveord/plasma-mantine 52.27.4 → 53.0.1

package/dist/cjs/components/header/Header.context.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    HeaderProvider: function() {
+        return HeaderProvider;
+    },
+    useHeaderContext: function() {
+        return useHeaderContext;
+    }
+});
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _core = require("@mantine/core");
+var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)("Header component was not found in tree"), 2);
+var HeaderProvider = _createSafeContext[0], useHeaderContext = _createSafeContext[1];
+
+//# sourceMappingURL=Header.context.js.map

package/dist/cjs/components/header/Header.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory} from './Header';\n\nexport interface HeaderContextValue {\n    getStyles: GetStylesApi<HeaderFactory>;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n    'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;IAOcA,cAAc;eAAdA;;IAAgBC,gBAAgB;eAAhBA;;;;oBAPgB;IAOIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}

package/dist/cjs/components/header/Header.d.ts

@@ -1,14 +1,14 @@
-import { DefaultProps, GroupProps, Selectors } from '@mantine/core';
-import { ReactElement, ReactNode } from 'react';
-import { HeaderStylesParams, useStyles } from './Header.styles';
-import { HeaderActions } from './HeaderActions/HeaderActions';
-import { HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
-import { HeaderDocAnchor } from './HeaderDocAnchor/HeaderDocAnchor';
-export type { HeaderDocAnchorProps, HeaderDocAnchorStylesNames } from './HeaderDocAnchor/HeaderDocAnchor';
-export type { HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
-export type { HeaderActionsProps, HeaderActionsStylesNames } from './HeaderActions/HeaderActions';
-export type HeaderStylesNames = Selectors<typeof useStyles>;
-export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {
+import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { HeaderActions, HeaderActionsStyleNames } from './HeaderActions/HeaderActions';
+import { HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+import { HeaderDocAnchor, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor';
+export type { HeaderActionsProps } from './HeaderActions/HeaderActions';
+export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor';
+export type HeaderVariant = 'primary' | 'secondary';
+export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderActionsStyleNames;
+export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {
     /**
      * The description text displayed inside the header underneath the title
      */
@@ -18,21 +18,36 @@ export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<He
      */
     borderBottom?: boolean;
     /**
-     * Use the modal variant when displaying the header inside a modal
+     * Use the primary variant for page header and secondary variant elsewhere
      *
-     * @default 'page'
+     * @default 'primary'
      */
-    variant?: 'page' | 'modal';
+    variant?: 'primary' | 'secondary';
     /**
      * The title of the header.
      */
     children: ReactNode;
 }
-interface HeaderType {
-    (props: HeaderProps): ReactElement;
-    Breadcrumbs: typeof HeaderBreadcrumbs;
-    Actions: typeof HeaderActions;
-    DocAnchor: typeof HeaderDocAnchor;
-}
-export declare const Header: HeaderType;
+export type HeaderFactory = Factory<{
+    props: HeaderProps;
+    ref: HTMLDivElement;
+    variant: HeaderVariant;
+    stylesNames: HeaderStyleNames;
+    staticComponents: {
+        Breadcrumbs: typeof HeaderBreadcrumbs;
+        Actions: typeof HeaderActions;
+        DocAnchor: typeof HeaderDocAnchor;
+    };
+}>;
+export declare const Header: import("@mantine/core").MantineComponent<{
+    props: HeaderProps;
+    ref: HTMLDivElement;
+    variant: HeaderVariant;
+    stylesNames: HeaderStyleNames;
+    staticComponents: {
+        Breadcrumbs: typeof HeaderBreadcrumbs;
+        Actions: typeof HeaderActions;
+        DocAnchor: typeof HeaderDocAnchor;
+    };
+}>;
 //# sourceMappingURL=Header.d.ts.map

package/dist/cjs/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAGZ,UAAU,EACV,SAAS,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,kBAAkB,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAElE,YAAY,EAAC,oBAAoB,EAAE,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AACxG,YAAY,EAAC,sBAAsB,EAAE,4BAA4B,EAAC,MAAM,uCAAuC,CAAC;AAChH,YAAY,EAAC,kBAAkB,EAAE,wBAAwB,EAAC,MAAM,+BAA+B,CAAC;AAChG,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IAChH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;CACrC;AAQD,eAAO,MAAM,MAAM,EAAE,UA8BpB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,uBAAuB,EAAC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WAjBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,wBAAwB,CAAC;QACtC,OAAO,EAAE,oBAAoB,CAAC;QAC9B,SAAS,EAAE,sBAAsB,CAAC;KACrC;EAkEH,CAAC"}

package/dist/cjs/components/header/Header.js

@@ -8,40 +8,52 @@ Object.defineProperty(exports, "Header", {
         return Header;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
-var _Headerstyles = require("./Header.styles");
+var _Headercontext = require("./Header.context");
+var _Headermodulecss = /*#__PURE__*/ _interop_require_default._(require("./Header.module.css"));
 var _HeaderActions = require("./HeaderActions/HeaderActions");
 var _HeaderBreadcrumbs = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
 var _HeaderDocAnchor = require("./HeaderDocAnchor/HeaderDocAnchor");
 var defaultProps = {
-    variant: "page",
-    position: "apart",
-    noWrap: true
+    variant: "primary",
+    justify: "space-between",
+    wrap: "nowrap"
 };
-var Header = function(props) {
-    var _useComponentDefaultProps = (0, _core.useComponentDefaultProps)("PlasmaHeader", defaultProps, props), classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, className = _useComponentDefaultProps.className, description = _useComponentDefaultProps.description, borderBottom = _useComponentDefaultProps.borderBottom, variant = _useComponentDefaultProps.variant, children = _useComponentDefaultProps.children, others = _object_without_properties._(_useComponentDefaultProps, [
-        "classNames",
-        "styles",
-        "unstyled",
+var Header = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)("PlasmaHeader", defaultProps, _props);
+    var className = props.className, description = props.description, borderBottom = props.borderBottom, variant = props.variant, children = props.children, style = props.style, classNames = props.classNames, unstyled = props.unstyled, vars = props.vars, styles = props.styles, others = _object_without_properties._(props, [
         "className",
         "description",
         "borderBottom",
         "variant",
-        "children"
+        "children",
+        "style",
+        "classNames",
+        "unstyled",
+        "vars",
+        "styles"
     ]);
-    var _useStyles = (0, _Headerstyles.useStyles)({
-        variant: variant
-    }, {
+    var getStyles = (0, _core.useStyles)({
         name: "PlasmaHeader",
+        props: props,
+        classes: _Headermodulecss.default,
+        className: className,
+        style: style,
         classNames: classNames,
         styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
+        unstyled: unstyled,
+        vars: vars
+    });
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
     var convertedChildren = _react.Children.toArray(children);
     var breadcrumbs = convertedChildren.find(function(child) {
         return child.type === _HeaderBreadcrumbs.HeaderBreadcrumbs;
@@ -55,41 +67,44 @@ var Header = function(props) {
     var otherChildren = convertedChildren.filter(function(child) {
         return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderActions.HeaderActions && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
     });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
+        value: {
+            getStyles: getStyles
+        },
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({
-                className: cx(className, classes.root)
-            }, others), {
+                ref: ref,
+                variant: variant
+            }, getStyles("root"), others), {
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, {
-                        spacing: 0,
+                        gap: 0,
                         children: [
                             breadcrumbs,
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Title, {
-                                order: variant === "page" ? 1 : 3,
-                                className: classes.title,
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Title, _object_spread_props._(_object_spread._({
+                                variant: variant,
+                                order: variant === "primary" ? 1 : 3
+                            }, getStyles("title", stylesApiProps)), {
                                 children: [
                                     otherChildren,
                                     docAnchor
                                 ]
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
-                                className: classes.description,
-                                size: variant === "page" ? "md" : "sm",
+                            })),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, _object_spread_props._(_object_spread._({}, getStyles("description", stylesApiProps)), {
+                                size: variant === "primary" ? "md" : "sm",
                                 children: description
-                            })
+                            }))
                         ]
                     }),
                     actions
                 ]
             })),
-            borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
-                className: classes.divider,
+            borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, _object_spread_props._(_object_spread._({}, getStyles("divider", stylesApiProps)), {
                 size: "xs"
-            }) : null
+            })) : null
         ]
     });
-};
+});
 Header.Breadcrumbs = _HeaderBreadcrumbs.HeaderBreadcrumbs;
 Header.Actions = _HeaderActions.HeaderActions;
 Header.DocAnchor = _HeaderDocAnchor.HeaderDocAnchor;

package/dist/cjs/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    DefaultProps,\n    Divider,\n    Group,\n    GroupProps,\n    Selectors,\n    Stack,\n    Text,\n    Title,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderDocAnchorProps, HeaderDocAnchorStylesNames} from './HeaderDocAnchor/HeaderDocAnchor';\nexport type {HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderActionsProps, HeaderActionsStylesNames} from './HeaderActions/HeaderActions';\nexport type HeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the modal variant when displaying the header inside a modal\n     *\n     * @default 'page'\n     */\n    variant?: 'page' | 'modal';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n}\n\ninterface HeaderType {\n    (props: HeaderProps): ReactElement;\n    Breadcrumbs: typeof HeaderBreadcrumbs;\n    Actions: typeof HeaderActions;\n    DocAnchor: typeof HeaderDocAnchor;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'page',\n    position: 'apart',\n    noWrap: true,\n};\n\nexport const Header: HeaderType = (props: HeaderProps) => {\n    const {classNames, styles, unstyled, className, description, borderBottom, variant, children, ...others} =\n        useComponentDefaultProps('PlasmaHeader', defaultProps, props);\n    const {classes, cx} = useStyles({variant}, {name: 'PlasmaHeader', classNames, styles, unstyled});\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const actions = convertedChildren.find((child) => child.type === HeaderActions);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <>\n            <Group className={cx(className, classes.root)} {...others}>\n                <Stack spacing={0}>\n                    {breadcrumbs}\n                    <Title order={variant === 'page' ? 1 : 3} className={classes.title}>\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text className={classes.description} size={variant === 'page' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {actions}\n            </Group>\n            {borderBottom ? <Divider className={classes.divider} size=\"xs\" /> : null}\n        </>\n    );\n};\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","position","noWrap","props","useComponentDefaultProps","classNames","styles","unstyled","className","description","borderBottom","children","others","useStyles","name","classes","cx","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","Group","root","Stack","spacing","Title","order","title","Text","size","Divider","divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyDaA;;;eAAAA;;;;;;;oBA/CN;qBACyC;4BAEJ;6BAChB;iCACI;+BACF;AAmC9B,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;IACVC,QAAQ;AACZ;AAEO,IAAMJ,SAAqB,SAACK;IAC/B,IACIC,4BAAAA,IAAAA,8BAAwB,EAAC,gBAAgBL,cAAcI,QADpDE,aACHD,0BADGC,YAAYC,SACfF,0BADeE,QAAQC,WACvBH,0BADuBG,UAAUC,YACjCJ,0BADiCI,WAAWC,cAC5CL,0BAD4CK,aAAaC,eACzDN,0BADyDM,cAAcV,UACvEI,0BADuEJ,SAASW,WAChFP,0BADgFO,UAAaC,sCAC7FR;QADGC;QAAYC;QAAQC;QAAUC;QAAWC;QAAaC;QAAcV;QAASW;;IAEpF,IAAsBE,aAAAA,IAAAA,uBAAS,EAAC;QAACb,SAAAA;IAAO,GAAG;QAACc,MAAM;QAAgBT,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFQ,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAEhB,IAAMC,oBAAoBC,eAAQ,CAACC,OAAO,CAACR;IAC3C,IAAMS,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI;;0BACI,sBAACG,WAAK;gBAACvB,WAAWQ,GAAGR,WAAWO,QAAQiB,IAAI;eAAOpB;;kCAC/C,sBAACqB,WAAK;wBAACC,SAAS;;4BACXd;0CACD,sBAACe,WAAK;gCAACC,OAAOpC,YAAY,SAAS,IAAI;gCAAGQ,WAAWO,QAAQsB,KAAK;;oCAC7DR;oCACAF;;;0CAEL,qBAACW,UAAI;gCAAC9B,WAAWO,QAAQN,WAAW;gCAAE8B,MAAMvC,YAAY,SAAS,OAAO;0CACnES;;;;oBAGRgB;;;YAEJf,6BAAe,qBAAC8B,aAAO;gBAAChC,WAAWO,QAAQ0B,OAAO;gBAAEF,MAAK;iBAAU;;;AAGhF;AAEAzC,OAAO4C,WAAW,GAAGlB,oCAAiB;AACtC1B,OAAO6C,OAAO,GAAGjB,4BAAa;AAC9B5B,OAAO8C,SAAS,GAAGhB,gCAAe"}
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderActions, HeaderActionsStyleNames} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderActionsProps} from './HeaderActions/HeaderActions';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderActionsStyleNames;\n\nexport interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        Actions: typeof HeaderActions;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const actions = convertedChildren.find((child) => child.type === HeaderActions);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={0}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {actions}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyEaA;;;eAAAA;;;;;;;;oBA7DN;qBACyC;6BACnB;wEACT;6BACiC;iCACQ;+BACJ;AAiDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,OAAO,GAAGhB,4BAAa;AAC9BlC,OAAOmD,SAAS,GAAGf,gCAAe"}

package/dist/cjs/components/header/Header.module.css

@@ -0,0 +1,32 @@
+.root {
+    &[data-variant='primary'] {
+        padding: var(--mantine-spacing-xl);
+        padding-bottom: var(--mantine-spacing-lg);
+    }
+    & .description {
+        color: var(--mantine-color-gray-6);
+        font-weight: 300;
+    }
+}
+
+.title {
+    word-break: break-word;
+    &[data-variant='primary'] {
+        color: var(--mantine-color-gray-5);
+    }
+    line-height: var(--mantine-line-height-md);
+}
+
+.docAnchor {
+    margin-left: var(--mantine-spacing-xs);
+    vertical-align: middle;
+}
+
+.breadcrumbs {
+    font-size: var(--mantine-font-size-sm);
+    font-weight: 300;
+}
+
+.breadcrumbsSeparator {
+    color: var(--mantine-color-gray-5);
+}

package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts

@@ -1,7 +1,19 @@
-import { DefaultProps, GroupProps, Selectors } from '@mantine/core';
-import { FunctionComponent } from 'react';
-import { HeaderActionsStylesParams, useStyles } from './HeaderActions.styles';
-export type HeaderActionsStylesNames = Selectors<typeof useStyles>;
-export type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;
-export declare const HeaderActions: FunctionComponent<HeaderActionsProps>;
+import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
+import { ReactNode } from 'react';
+export type HeaderActionsStyleNames = 'actions';
+export interface HeaderActionsProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderActionsFactory> {
+    children: ReactNode;
+}
+export type HeaderActionsFactory = Factory<{
+    props: HeaderActionsProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderActionsStyleNames;
+    compound: true;
+}>;
+export declare const HeaderActions: import("@mantine/core").MantineComponent<{
+    props: HeaderActionsProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderActionsStyleNames;
+    compound: true;
+}>;
 //# sourceMappingURL=HeaderActions.d.ts.map

package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAS,UAAU,EAAE,SAAS,EAA2B,MAAM,eAAe,CAAC;AACnG,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,yBAAyB,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAE5E,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAC;AAMhH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAa/D,CAAC"}
+{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,oBAAoB,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;IACrC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,cAAc;iBACN,uBAAuB;cAC1B,IAAI;EAsBhB,CAAC"}

package/dist/cjs/components/header/HeaderActions/HeaderActions.js

@@ -13,29 +13,34 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _HeaderActionsstyles = require("./HeaderActions.styles");
+var _Headercontext = require("../Header.context");
 var defaultProps = {
-    spacing: "sm"
+    gap: "sm"
 };
-var HeaderActions = function(props) {
-    var _useComponentDefaultProps = (0, _core.useComponentDefaultProps)("PlasmaHeaderActions", defaultProps, props), classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, className = _useComponentDefaultProps.className, children = _useComponentDefaultProps.children, others = _object_without_properties._(_useComponentDefaultProps, [
+var HeaderActions = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)("HeaderActions", defaultProps, _props);
+    var gap = props.gap, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, vars = props.vars, others = _object_without_properties._(props, [
+        "gap",
+        "className",
         "classNames",
         "styles",
-        "unstyled",
-        "className",
-        "children"
+        "style",
+        "children",
+        "vars"
     ]);
-    var _useStyles = (0, _HeaderActionsstyles.useStyles)({}, {
-        name: "PlasmaHeaderActions",
+    var ctx = (0, _Headercontext.useHeaderContext)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
+        ref: ref,
+        gap: gap
+    }, ctx.getStyles("actions", {
+        className: className,
+        style: style,
         classNames: classNames,
         styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
-        className: cx(className, classes.root)
-    }, others), {
+        props: props
+    }), others), {
         children: children
     }));
-};
+});
 
 //# sourceMappingURL=HeaderActions.js.map

package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\nexport type HeaderActionsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n    spacing: 'sm',\n};\n\nexport const HeaderActions: FunctionComponent<HeaderActionsProps> = (props: HeaderActionsProps) => {\n    const {classNames, styles, unstyled, className, children, ...others} = useComponentDefaultProps(\n        'PlasmaHeaderActions',\n        defaultProps,\n        props,\n    );\n    const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n\n    return (\n        <Group className={cx(className, classes.root)} {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["HeaderActions","defaultProps","spacing","props","useComponentDefaultProps","classNames","styles","unstyled","className","children","others","useStyles","name","classes","cx","Group","root"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;;oBAZsE;mCAEhC;AAMnD,IAAMC,eAA4C;IAC9CC,SAAS;AACb;AAEO,IAAMF,gBAAuD,SAACG;IACjE,IAAuEC,4BAAAA,IAAAA,8BAAwB,EAC3F,uBACAH,cACAE,QAHGE,aAAgED,0BAAhEC,YAAYC,SAAoDF,0BAApDE,QAAQC,WAA4CH,0BAA5CG,UAAUC,YAAkCJ,0BAAlCI,WAAWC,WAAuBL,0BAAvBK,UAAaC,sCAAUN;QAAhEC;QAAYC;QAAQC;QAAUC;QAAWC;;IAKhD,IAAsBE,aAAAA,IAAAA,8BAAS,EAAC,CAAC,GAAG;QAACC,MAAM;QAAuBP,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFM,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAEhB,qBACI,qBAACC,WAAK;QAACP,WAAWM,GAAGN,WAAWK,QAAQG,IAAI;OAAON;kBAC9CD;;AAGb"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n        CompoundStylesApiProps<HeaderActionsFactory> {\n    children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n    props: HeaderActionsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderActionsStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n    gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n    const props = useProps('HeaderActions', defaultProps, _props);\n    const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Group\n            ref={ref}\n            gap={gap}\n            {...ctx.getStyles('actions', {className, style, classNames, styles, props})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["HeaderActions","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA4C;IAC9CC,KAAK;AACT;AAEO,IAAMF,gBAAgBG,IAAAA,aAAO,EAAuB,SAACC,QAAQC;IAChE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcG;IACtD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,WAAW;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACrEQ;kBAEHF;;AAGb"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts

@@ -1,7 +1,17 @@
-import { BreadcrumbsProps, DefaultProps, Selectors } from '@mantine/core';
-import { FunctionComponent } from 'react';
-import { HeaderBreadcrumbsStylesParams, useStyles } from './HeaderBreadcrumbs.styles';
-export type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
-export type HeaderBreadcrumbsProps = BreadcrumbsProps & DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;
-export declare const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps>;
+import { BreadcrumbsProps, CompoundStylesApiProps, Factory } from '@mantine/core';
+export type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';
+export interface HeaderBreadcrumbsProps extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<HeaderBreadcrumbsFactory> {
+}
+export type HeaderBreadcrumbsFactory = Factory<{
+    props: BreadcrumbsProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderBreadcrumbsStyleNames;
+    compound: true;
+}>;
+export declare const HeaderBreadcrumbs: import("@mantine/core").MantineComponent<{
+    props: BreadcrumbsProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderBreadcrumbsStyleNames;
+    compound: true;
+}>;
 //# sourceMappingURL=HeaderBreadcrumbs.d.ts.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,6BAA6B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAEpF,MAAM,MAAM,4BAA4B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACjD,YAAY,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;AAE9E,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAqBvE,CAAC"}
+{"version":3,"file":"HeaderBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAE,sBAAsB,EAAE,OAAO,EAAU,MAAM,eAAe,CAAC;AAGtG,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,GAAG,sBAAsB,CAAC;AACrF,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC5D,sBAAsB,CAAC,wBAAwB,CAAC;CAAG;AAE3D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC;IAC3C,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB;WANnB,gBAAgB;SAClB,cAAc;iBACN,2BAA2B;cAC9B,IAAI;EAmBhB,CAAC"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -13,28 +13,35 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _HeaderBreadcrumbsstyles = require("./HeaderBreadcrumbs.styles");
-var HeaderBreadcrumbs = function(_param) {
-    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties._(_param, [
+var _Headercontext = require("../Header.context");
+var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
+    var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
+        "children",
+        "className",
         "classNames",
         "styles",
-        "unstyled",
-        "children"
+        "style"
     ]);
-    var classes = (0, _HeaderBreadcrumbsstyles.useStyles)({}, {
-        name: "PlasmaHeaderBreadcrumbs",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }).classes;
+    var ctx = (0, _Headercontext.useHeaderContext)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({
+        ref: ref,
         classNames: {
-            breadcrumb: classes.breadcrumb,
-            separator: classes.separator
+            breadcrumb: ctx.getStyles("breadcrumbsRoot", {
+                className: className,
+                classNames: classNames,
+                styles: styles,
+                style: style,
+                props: props
+            }).className,
+            separator: ctx.getStyles("breadcrumbsSeparator", {
+                classNames: classNames,
+                styles: styles,
+                props: props
+            }).className
         }
     }, others), {
         children: children
     }));
-};
+});
 
 //# sourceMappingURL=HeaderBreadcrumbs.js.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\nexport type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderBreadcrumbsProps = BreadcrumbsProps &\n    DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;\n\nexport const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(\n        {},\n        {\n            name: 'PlasmaHeaderBreadcrumbs',\n            classNames,\n            styles,\n            unstyled,\n        },\n    );\n    return (\n        <Breadcrumbs classNames={{breadcrumb: classes.breadcrumb, separator: classes.separator}} {...others}>\n            {children}\n        </Breadcrumbs>\n    );\n};\n"],"names":["HeaderBreadcrumbs","classNames","styles","unstyled","children","others","classes","useStyles","name","Breadcrumbs","breadcrumb","separator"],"mappings":";;;;+BASaA;;;eAAAA;;;;;;;oBATwD;uCAEd;AAOhD,IAAMA,oBAA+D;QACxEC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWC,IAAAA,kCAAS,EACvB,CAAC,GACD;QACIC,MAAM;QACNP,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ,GAPGG;IASP,qBACI,qBAACG,iBAAW;QAACR,YAAY;YAACS,YAAYJ,QAAQI,UAAU;YAAEC,WAAWL,QAAQK,SAAS;QAAA;OAAON;kBACxFD;;AAGb"}
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, CompoundStylesApiProps, Factory, factory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbsStyleNames = 'breadcrumbsRoot' | 'breadcrumbsSeparator';\nexport interface HeaderBreadcrumbsProps\n    extends Omit<BreadcrumbsProps, 'classNames' | 'styles' | 'vars'>,\n        CompoundStylesApiProps<HeaderBreadcrumbsFactory> {}\n\nexport type HeaderBreadcrumbsFactory = Factory<{\n    props: BreadcrumbsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderBreadcrumbsStyleNames;\n    compound: true;\n}>;\n\nexport const HeaderBreadcrumbs = factory<HeaderBreadcrumbsFactory>((props, ref) => {\n    const {children, className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Breadcrumbs\n            ref={ref}\n            classNames={{\n                breadcrumb: ctx.getStyles('breadcrumbsRoot', {className, classNames, styles, style, props}).className,\n                separator: ctx.getStyles('breadcrumbsSeparator', {classNames, styles, props}).className,\n            }}\n            {...others}\n        >\n            {children}\n        </Breadcrumbs>\n    );\n});\n"],"names":["HeaderBreadcrumbs","factory","props","ref","children","className","classNames","styles","style","others","ctx","useHeaderContext","Breadcrumbs","breadcrumb","getStyles","separator"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;oBAfyE;6BACvD;AAcxB,IAAMA,oBAAoBC,IAAAA,aAAO,EAA2B,SAACC,OAAOC;IACvE,IAAOC,WAA6DF,MAA7DE,UAAUC,YAAmDH,MAAnDG,WAAWC,aAAwCJ,MAAxCI,YAAYC,SAA4BL,MAA5BK,QAAQC,QAAoBN,MAApBM,OAAUC,sCAAUP;QAA7DE;QAAUC;QAAWC;QAAYC;QAAQC;;IAChD,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,iBAAW;QACRT,KAAKA;QACLG,YAAY;YACRO,YAAYH,IAAII,SAAS,CAAC,mBAAmB;gBAACT,WAAAA;gBAAWC,YAAAA;gBAAYC,QAAAA;gBAAQC,OAAAA;gBAAON,OAAAA;YAAK,GAAGG,SAAS;YACrGU,WAAWL,IAAII,SAAS,CAAC,wBAAwB;gBAACR,YAAAA;gBAAYC,QAAAA;gBAAQL,OAAAA;YAAK,GAAGG,SAAS;QAC3F;OACII;kBAEHL;;AAGb"}

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts

@@ -1,8 +1,7 @@
-import { DefaultProps, Selectors, TooltipProps } from '@mantine/core';
-import { FunctionComponent, ReactNode } from 'react';
-import { HeaderDocAnchorStylesParams, useStyles } from './HeaderDocAnchor.styles';
-export type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
-export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {
+import { AnchorProps, CompoundStylesApiProps, Factory, TooltipProps } from '@mantine/core';
+import { ReactNode } from 'react';
+export type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';
+export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, CompoundStylesApiProps<HeaderDocAnchorFactory>, Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {
     /**
      * A href pointing to documentation related to the current panel.
      * When provided, an info icon is rendered next to the title as link to this documentation
@@ -17,5 +16,16 @@ export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, De
      */
     children?: ReactNode;
 }
-export declare const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps>;
+export type HeaderDocAnchorFactory = Factory<{
+    props: HeaderDocAnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderDocAnchorStyleNames;
+    compound: true;
+}>;
+export declare const HeaderDocAnchor: import("@mantine/core").MantineComponent<{
+    props: HeaderDocAnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderDocAnchorStyleNames;
+    compound: true;
+}>;
 //# sourceMappingURL=HeaderDocAnchor.d.ts.map

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,YAAY,EAAE,SAAS,EAAW,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,2BAA2B,EAAE,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEhF,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAOrE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,YAAY,CAAC,0BAA0B,EAAE,2BAA2B,CAAC;IACzE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwBnE,CAAC"}
+{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,WAAW,EACX,sBAAsB,EACtB,OAAO,EAEP,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAClC,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAgChB,CAAC"}