@coveord/plasma-mantine 52.15.0 → 52.16.0

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStyles", {
+    enumerable: true,
+    get: function() {
+        return useStyles;
+    }
+});
+var _object_destructuring_empty = require("@swc/helpers/_/_object_destructuring_empty");
+var _core = require("@mantine/core");
+var useStyles = (0, _core.createStyles)(function(theme, param) {
+    var ref = _object_destructuring_empty._(param);
+    return {
+        tooltip: {},
+        anchor: {
+            marginLeft: theme.spacing.xs,
+            verticalAlign: "middle"
+        }
+    };
+});
+
+//# sourceMappingURL=HeaderDocAnchor.styles.js.map

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderDocAnchorStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderDocAnchorStylesParams) => ({\n    tooltip: {},\n    anchor: {\n        marginLeft: theme.spacing.xs,\n        verticalAlign: 'middle',\n    },\n}));\n"],"names":["useStyles","createStyles","theme","tooltip","anchor","marginLeft","spacing","xs","verticalAlign"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAO;WAAqC;QAC/EC,SAAS,CAAC;QACVC,QAAQ;YACJC,YAAYH,MAAMI,OAAO,CAACC,EAAE;YAC5BC,eAAe;QACnB;IACJ"}

package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Header > renders the specified breadcrumbs above the title 1`] = `
 <div>
   <div
-    class="mantine-Group-root mantine-1arn2xu"
+    class="mantine-Group-root mantine-PlasmaHeader-root mantine-15aa8um"
   >
     <div
       class="mantine-Stack-root mantine-1178y6y"
@@ -12,38 +12,38 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         class="mantine-Breadcrumbs-root mantine-1ujbd2v"
       >
         <a
-          class="mantine-Text-root mantine-Anchor-root mantine-Breadcrumbs-breadcrumb mantine-1yycs9g"
+          class="mantine-Text-root mantine-Anchor-root mantine-PlasmaHeaderBreadcrumbs-breadcrumb mantine-Breadcrumbs-breadcrumb mantine-1p2lvqc"
         >
           One
         </a>
         <div
-          class="mantine-Text-root mantine-Breadcrumbs-separator mantine-c5usyo"
+          class="mantine-Text-root mantine-PlasmaHeaderBreadcrumbs-separator mantine-Breadcrumbs-separator mantine-1y8084r"
         >
           /
         </div>
         <a
-          class="mantine-Text-root mantine-Anchor-root mantine-Breadcrumbs-breadcrumb mantine-1yycs9g"
+          class="mantine-Text-root mantine-Anchor-root mantine-PlasmaHeaderBreadcrumbs-breadcrumb mantine-Breadcrumbs-breadcrumb mantine-1p2lvqc"
         >
           Two
         </a>
         <div
-          class="mantine-Text-root mantine-Breadcrumbs-separator mantine-c5usyo"
+          class="mantine-Text-root mantine-PlasmaHeaderBreadcrumbs-separator mantine-Breadcrumbs-separator mantine-1y8084r"
         >
           /
         </div>
         <a
-          class="mantine-Text-root mantine-Anchor-root mantine-Breadcrumbs-breadcrumb mantine-1yycs9g"
+          class="mantine-Text-root mantine-Anchor-root mantine-PlasmaHeaderBreadcrumbs-breadcrumb mantine-Breadcrumbs-breadcrumb mantine-1p2lvqc"
         >
           Three
         </a>
       </div>
       <h1
-        class="mantine-Text-root mantine-Title-root mantine-m67b81"
+        class="mantine-Text-root mantine-Title-root mantine-PlasmaHeader-title mantine-1o7jx33"
       >
         Title
       </h1>
       <div
-        class="mantine-Text-root mantine-1w25z6f"
+        class="mantine-Text-root mantine-PlasmaHeader-description mantine-52dv7d"
       />
     </div>
   </div>

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

@@ -1,6 +1,11 @@
-import { DefaultProps } from '@mantine/core';
-import { FunctionComponent, ReactElement, ReactNode } from 'react';
-export interface HeaderProps extends DefaultProps {
+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';
+type HeaderStylesNames = Selectors<typeof useStyles>;
+export interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {
     /**
      * The description text displayed inside the header underneath the title
      */
@@ -27,23 +32,5 @@ interface HeaderType {
     DocAnchor: typeof HeaderDocAnchor;
 }
 export declare const Header: HeaderType;
-declare const HeaderBreadcrumbs: FunctionComponent<{
-    children: ReactNode;
-}>;
-declare const HeaderActions: FunctionComponent<{
-    children: ReactNode;
-}>;
-export interface HeaderDocAnchorProps {
-    /**
-     * 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
-     */
-    href: string;
-    /**
-     * The tooltip text shown when hovering over the doc link icon
-     */
-    label?: string;
-}
-declare const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps>;
 export {};
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,YAAY,EAA8C,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAW,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE3E,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC7C;;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;AAED,eAAO,MAAM,MAAM,EAAE,UAoCpB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,CAS/D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,CAA0D,CAAC;AAEvH,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAM5D,CAAC"}
+{"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,KAAK,iBAAiB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAErD,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"}

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

@@ -2,16 +2,36 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { QuestionSize16Px } from "@coveord/plasma-react-icons";
-import { Anchor, Breadcrumbs, Divider, Group, Stack, Text, Title, Tooltip } from "@mantine/core";
+import { Divider, Group, Stack, Text, Title, useComponentDefaultProps } from "@mantine/core";
 import { Children } from "react";
-export var Header = function(_param) {
-    var description = _param.description, borderBottom = _param.borderBottom, children = _param.children, _param_variant = _param.variant, variant = _param_variant === void 0 ? "page" : _param_variant, others = _object_without_properties(_param, [
+import { useStyles } from "./Header.styles";
+import { HeaderActions } from "./HeaderActions/HeaderActions";
+import { HeaderBreadcrumbs } from "./HeaderBreadcrumbs/HeaderBreadcrumbs";
+import { HeaderDocAnchor } from "./HeaderDocAnchor/HeaderDocAnchor";
+var defaultProps = {
+    variant: "page",
+    position: "apart",
+    noWrap: true
+};
+export var Header = function(props) {
+    var _useComponentDefaultProps = 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",
+        "className",
         "description",
         "borderBottom",
-        "children",
-        "variant"
+        "variant",
+        "children"
     ]);
+    var _useStyles = useStyles({
+        variant: variant
+    }, {
+        name: "PlasmaHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
     var convertedChildren = Children.toArray(children);
     var breadcrumbs = convertedChildren.find(function(child) {
         return child.type === HeaderBreadcrumbs;
@@ -28,10 +48,7 @@ export var Header = function(_param) {
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs(Group, _object_spread_props(_object_spread({
-                position: "apart",
-                p: variant === "page" ? "xl" : undefined,
-                pb: variant === "page" ? "lg" : undefined,
-                noWrap: true
+                className: cx(className, classes.root)
             }, others), {
                 children: [
                     /*#__PURE__*/ _jsxs(Stack, {
@@ -40,18 +57,15 @@ export var Header = function(_param) {
                             breadcrumbs,
                             /*#__PURE__*/ _jsxs(Title, {
                                 order: variant === "page" ? 1 : 3,
-                                color: variant === "page" ? "gray.5" : undefined,
-                                sx: {
-                                    wordBreak: "break-word"
-                                },
+                                className: classes.title,
                                 children: [
                                     otherChildren,
                                     docAnchor
                                 ]
                             }),
                             /*#__PURE__*/ _jsx(Text, {
+                                className: classes.description,
                                 size: variant === "page" ? "md" : "sm",
-                                color: "gray.6",
                                 children: description
                             })
                         ]
@@ -60,55 +74,12 @@ export var Header = function(_param) {
                 ]
             })),
             borderBottom ? /*#__PURE__*/ _jsx(Divider, {
+                className: classes.divider,
                 size: "xs"
             }) : null
         ]
     });
 };
-var HeaderBreadcrumbs = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ _jsx(Breadcrumbs, {
-        styles: function(theme) {
-            return {
-                breadcrumb: {
-                    fontSize: theme.fontSizes.sm,
-                    fontWeight: 300
-                },
-                separator: {
-                    color: theme.colors.gray[5]
-                }
-            };
-        },
-        children: children
-    });
-};
-var HeaderActions = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ _jsx(Group, {
-        spacing: "sm",
-        children: children
-    });
-};
-var HeaderDocAnchor = function(param) {
-    var docLink = param.href, docLinkTooltipLabel = param.label;
-    return /*#__PURE__*/ _jsx(Tooltip, {
-        label: docLinkTooltipLabel,
-        disabled: !docLinkTooltipLabel,
-        position: "right",
-        children: /*#__PURE__*/ _jsx(Anchor, {
-            inline: true,
-            href: docLink,
-            target: "_blank",
-            ml: "xs",
-            style: {
-                verticalAlign: "middle"
-            },
-            children: /*#__PURE__*/ _jsx(QuestionSize16Px, {
-                height: 16
-            })
-        })
-    });
-};
 Header.Breadcrumbs = HeaderBreadcrumbs;
 Header.Actions = HeaderActions;
 Header.DocAnchor = HeaderDocAnchor;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';\nimport {Children, FunctionComponent, ReactElement, ReactNode} from 'react';\n\nexport interface HeaderProps extends DefaultProps {\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\nexport const Header: HeaderType = ({description, borderBottom, children, variant = 'page', ...others}) => {\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\n                position=\"apart\"\n                p={variant === 'page' ? 'xl' : undefined}\n                pb={variant === 'page' ? 'lg' : undefined}\n                noWrap\n                {...others}\n            >\n                <Stack spacing={0}>\n                    {breadcrumbs}\n                    <Title\n                        order={variant === 'page' ? 1 : 3}\n                        color={variant === 'page' ? 'gray.5' : undefined}\n                        sx={{wordBreak: 'break-word'}}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text size={variant === 'page' ? 'md' : 'sm'} color=\"gray.6\">\n                        {description}\n                    </Text>\n                </Stack>\n                {actions}\n            </Group>\n            {borderBottom ? <Divider size=\"xs\" /> : null}\n        </>\n    );\n};\n\nconst HeaderBreadcrumbs: FunctionComponent<{children: ReactNode}> = ({children}) => (\n    <Breadcrumbs\n        styles={(theme) => ({\n            breadcrumb: {fontSize: theme.fontSizes.sm, fontWeight: 300},\n            separator: {color: theme.colors.gray[5]},\n        })}\n    >\n        {children}\n    </Breadcrumbs>\n);\n\nconst HeaderActions: FunctionComponent<{children: ReactNode}> = ({children}) => <Group spacing=\"sm\">{children}</Group>;\n\nexport interface HeaderDocAnchorProps {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: string;\n}\n\nconst HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps> = ({href: docLink, label: docLinkTooltipLabel}) => (\n    <Tooltip label={docLinkTooltipLabel} disabled={!docLinkTooltipLabel} position=\"right\">\n        <Anchor inline href={docLink} target=\"_blank\" ml=\"xs\" style={{verticalAlign: 'middle'}}>\n            <QuestionSize16Px height={16} />\n        </Anchor>\n    </Tooltip>\n);\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["QuestionSize16Px","Anchor","Breadcrumbs","Divider","Group","Stack","Text","Title","Tooltip","Children","Header","description","borderBottom","children","variant","others","convertedChildren","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","position","p","undefined","pb","noWrap","spacing","order","color","sx","wordBreak","size","styles","theme","breadcrumb","fontSize","fontSizes","sm","fontWeight","separator","colors","gray","href","docLink","label","docLinkTooltipLabel","disabled","inline","target","ml","style","verticalAlign","height","Actions","DocAnchor"],"mappings":";;;;AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAQC,MAAM,EAAEC,WAAW,EAAgBC,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,QAAO,gBAAgB;AAC7G,SAAQC,QAAQ,QAAmD,QAAQ;AA8B3E,OAAO,IAAMC,SAAqB;QAAEC,qBAAAA,aAAaC,sBAAAA,cAAcC,kBAAAA,kCAAUC,SAAAA,sCAAU,yBAAWC;QAA1DJ;QAAaC;QAAcC;QAAUC;;IACrE,IAAME,oBAAoBP,SAASQ,OAAO,CAACJ;IAC3C,IAAMK,cAAcF,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC;;IACrE,IAAMC,UAAUP,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG;;IACjE,IAAMC,YAAYT,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK;;IACnE,IAAMC,gBAAgBX,kBAAkBY,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,qBAAqBF,MAAMC,IAAI,KAAKG,iBAAiBJ,MAAMC,IAAI,KAAKK;;IAElG,qBACI;;0BACI,MAACtB;gBACGyB,UAAS;gBACTC,GAAGhB,YAAY,SAAS,OAAOiB;gBAC/BC,IAAIlB,YAAY,SAAS,OAAOiB;gBAChCE,MAAM;eACFlB;;kCAEJ,MAACV;wBAAM6B,SAAS;;4BACXhB;0CACD,MAACX;gCACG4B,OAAOrB,YAAY,SAAS,IAAI;gCAChCsB,OAAOtB,YAAY,SAAS,WAAWiB;gCACvCM,IAAI;oCAACC,WAAW;gCAAY;;oCAE3BX;oCACAF;;;0CAEL,KAACnB;gCAAKiC,MAAMzB,YAAY,SAAS,OAAO;gCAAMsB,OAAM;0CAC/CzB;;;;oBAGRY;;;YAEJX,6BAAe,KAACT;gBAAQoC,MAAK;iBAAU;;;AAGpD,EAAE;AAEF,IAAMjB,oBAA8D;QAAET,iBAAAA;yBAClE,KAACX;QACGsC,QAAQ,SAACC;mBAAW;gBAChBC,YAAY;oBAACC,UAAUF,MAAMG,SAAS,CAACC,EAAE;oBAAEC,YAAY;gBAAG;gBAC1DC,WAAW;oBAACX,OAAOK,MAAMO,MAAM,CAACC,IAAI,CAAC,EAAE;gBAAA;YAC3C;;kBAECpC;;;AAIT,IAAMW,gBAA0D;QAAEX,iBAAAA;yBAAc,KAACT;QAAM8B,SAAQ;kBAAMrB;;;AAcrG,IAAMa,kBAA2D;QAAEwB,AAAMC,gBAAND,MAAeE,AAAOC,4BAAPD;yBAC9E,KAAC5C;QAAQ4C,OAAOC;QAAqBC,UAAU,CAACD;QAAqBxB,UAAS;kBAC1E,cAAA,KAAC5B;YAAOsD,MAAM;YAACL,MAAMC;YAASK,QAAO;YAASC,IAAG;YAAKC,OAAO;gBAACC,eAAe;YAAQ;sBACjF,cAAA,KAAC3D;gBAAiB4D,QAAQ;;;;;AAKtClD,OAAOR,WAAW,GAAGoB;AACrBZ,OAAOmD,OAAO,GAAGrC;AACjBd,OAAOoD,SAAS,GAAGpC"}
+{"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\ntype 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":["Divider","Group","Stack","Text","Title","useComponentDefaultProps","Children","useStyles","HeaderActions","HeaderBreadcrumbs","HeaderDocAnchor","defaultProps","variant","position","noWrap","Header","props","classNames","styles","unstyled","className","description","borderBottom","children","others","name","classes","cx","convertedChildren","toArray","breadcrumbs","find","child","type","actions","docAnchor","otherChildren","filter","root","spacing","order","title","size","divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;AAAA,SAEIA,OAAO,EACPC,KAAK,EAGLC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,wBAAwB,QACrB,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AAExD,SAA4BC,SAAS,QAAO,kBAAkB;AAC9D,SAAQC,aAAa,QAAO,gCAAgC;AAC5D,SAAQC,iBAAiB,QAAO,wCAAwC;AACxE,SAAQC,eAAe,QAAO,oCAAoC;AAgClE,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;IACVC,QAAQ;AACZ;AAEA,OAAO,IAAMC,SAAqB,SAACC;IAC/B,IACIX,4BAAAA,yBAAyB,gBAAgBM,cAAcK,QADpDC,aACHZ,0BADGY,YAAYC,SACfb,0BADea,QAAQC,WACvBd,0BADuBc,UAAUC,YACjCf,0BADiCe,WAAWC,cAC5ChB,0BAD4CgB,aAAaC,eACzDjB,0BADyDiB,cAAcV,UACvEP,0BADuEO,SAASW,WAChFlB,0BADgFkB,UAAaC,oCAC7FnB;QADGY;QAAYC;QAAQC;QAAUC;QAAWC;QAAaC;QAAcV;QAASW;;IAEpF,IAAsBhB,aAAAA,UAAU;QAACK,SAAAA;IAAO,GAAG;QAACa,MAAM;QAAgBR,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFO,UAAenB,WAAfmB,SAASC,KAAMpB,WAANoB;IAEhB,IAAMC,oBAAoBtB,SAASuB,OAAO,CAACN;IAC3C,IAAMO,cAAcF,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKxB;;IACrE,IAAMyB,UAAUN,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKzB;;IACjE,IAAM2B,YAAYP,kBAAkBG,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKvB;;IACnE,IAAM0B,gBAAgBR,kBAAkBS,MAAM,CAC1C,SAACL;eAAUA,MAAMC,IAAI,KAAKxB,qBAAqBuB,MAAMC,IAAI,KAAKzB,iBAAiBwB,MAAMC,IAAI,KAAKvB;;IAElG,qBACI;;0BACI,MAACT;gBAAMmB,WAAWO,GAAGP,WAAWM,QAAQY,IAAI;eAAOd;;kCAC/C,MAACtB;wBAAMqC,SAAS;;4BACXT;0CACD,MAAC1B;gCAAMoC,OAAO5B,YAAY,SAAS,IAAI;gCAAGQ,WAAWM,QAAQe,KAAK;;oCAC7DL;oCACAD;;;0CAEL,KAAChC;gCAAKiB,WAAWM,QAAQL,WAAW;gCAAEqB,MAAM9B,YAAY,SAAS,OAAO;0CACnES;;;;oBAGRa;;;YAEJZ,6BAAe,KAACtB;gBAAQoB,WAAWM,QAAQiB,OAAO;gBAAED,MAAK;iBAAU;;;AAGhF,EAAE;AAEF3B,OAAO6B,WAAW,GAAGnC;AACrBM,OAAO8B,OAAO,GAAGrC;AACjBO,OAAO+B,SAAS,GAAGpC"}

package/dist/esm/components/header/Header.styles.d.ts

@@ -0,0 +1,14 @@
+export interface HeaderStylesParams {
+    variant?: 'page' | 'modal';
+}
+export declare const useStyles: (params: HeaderStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        title: string;
+        description: string;
+        divider: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+//# sourceMappingURL=Header.styles.d.ts.map

package/dist/esm/components/header/Header.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS;;;;;;;;;CAanB,CAAC"}

package/dist/esm/components/header/Header.styles.js

@@ -0,0 +1,20 @@
+import { createStyles } from "@mantine/core";
+export var useStyles = createStyles(function(theme, param) {
+    var variant = param.variant;
+    return {
+        root: {
+            padding: variant === "page" ? theme.spacing.xl : undefined,
+            paddingBottom: variant === "page" ? theme.spacing.lg : undefined
+        },
+        title: {
+            wordBreak: "break-word",
+            color: variant === "page" ? theme.colors.gray[5] : undefined
+        },
+        description: {
+            color: theme.colors.gray[6]
+        },
+        divider: {}
+    };
+});
+
+//# sourceMappingURL=Header.styles.js.map

package/dist/esm/components/header/Header.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/Header.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderStylesParams {\n    variant?: 'page' | 'modal';\n}\n\nexport const useStyles = createStyles((theme, {variant}: HeaderStylesParams) => ({\n    root: {\n        padding: variant === 'page' ? theme.spacing.xl : undefined,\n        paddingBottom: variant === 'page' ? theme.spacing.lg : undefined,\n    },\n    title: {\n        wordBreak: 'break-word',\n        color: variant === 'page' ? theme.colors.gray[5] : undefined,\n    },\n    description: {\n        color: theme.colors.gray[6],\n    },\n    divider: {},\n}));\n"],"names":["createStyles","useStyles","theme","variant","root","padding","spacing","xl","undefined","paddingBottom","lg","title","wordBreak","color","colors","gray","description","divider"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAM3C,OAAO,IAAMC,YAAYD,aAAa,SAACE;QAAQC,gBAAAA;WAAkC;QAC7EC,MAAM;YACFC,SAASF,YAAY,SAASD,MAAMI,OAAO,CAACC,EAAE,GAAGC;YACjDC,eAAeN,YAAY,SAASD,MAAMI,OAAO,CAACI,EAAE,GAAGF;QAC3D;QACAG,OAAO;YACHC,WAAW;YACXC,OAAOV,YAAY,SAASD,MAAMY,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGP;QACvD;QACAQ,aAAa;YACTH,OAAOX,MAAMY,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;QACAE,SAAS,CAAC;IACd;GAAI"}

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

@@ -0,0 +1,8 @@
+import { DefaultProps, GroupProps, Selectors } from '@mantine/core';
+import { FunctionComponent } from 'react';
+import { HeaderActionsStylesParams, useStyles } from './HeaderActions.styles';
+type HeaderActionsStylesNames = Selectors<typeof useStyles>;
+export type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;
+export declare const HeaderActions: FunctionComponent<HeaderActionsProps>;
+export {};
+//# sourceMappingURL=HeaderActions.d.ts.map

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

@@ -0,0 +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,KAAK,wBAAwB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,CAAC;AAMhH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAa/D,CAAC"}

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

@@ -0,0 +1,31 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Group, useComponentDefaultProps } from "@mantine/core";
+import { useStyles } from "./HeaderActions.styles";
+var defaultProps = {
+    spacing: "sm"
+};
+export var HeaderActions = function(props) {
+    var _useComponentDefaultProps = useComponentDefaultProps("PlasmaHeaderActions", defaultProps, props), classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, className = _useComponentDefaultProps.className, children = _useComponentDefaultProps.children, others = _object_without_properties(_useComponentDefaultProps, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "className",
+        "children"
+    ]);
+    var _useStyles = useStyles({}, {
+        name: "PlasmaHeaderActions",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
+    return /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
+        className: cx(className, classes.root)
+    }, others), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=HeaderActions.js.map

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

@@ -0,0 +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\ntype 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":["Group","useComponentDefaultProps","useStyles","defaultProps","spacing","HeaderActions","props","classNames","styles","unstyled","className","children","others","name","classes","cx","root"],"mappings":";;;;AAAA,SAAsBA,KAAK,EAAyBC,wBAAwB,QAAO,gBAAgB;AAEnG,SAAmCC,SAAS,QAAO,yBAAyB;AAM5E,IAAMC,eAA4C;IAC9CC,SAAS;AACb;AAEA,OAAO,IAAMC,gBAAuD,SAACC;IACjE,IAAuEL,4BAAAA,yBACnE,uBACAE,cACAG,QAHGC,aAAgEN,0BAAhEM,YAAYC,SAAoDP,0BAApDO,QAAQC,WAA4CR,0BAA5CQ,UAAUC,YAAkCT,0BAAlCS,WAAWC,WAAuBV,0BAAvBU,UAAaC,oCAAUX;QAAhEM;QAAYC;QAAQC;QAAUC;QAAWC;;IAKhD,IAAsBT,aAAAA,UAAU,CAAC,GAAG;QAACW,MAAM;QAAuBN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFK,UAAeZ,WAAfY,SAASC,KAAMb,WAANa;IAEhB,qBACI,KAACf;QAAMU,WAAWK,GAAGL,WAAWI,QAAQE,IAAI;OAAOJ;kBAC9CD;;AAGb,EAAE"}

package/dist/esm/components/header/HeaderActions/HeaderActions.styles.d.ts

@@ -0,0 +1,10 @@
+export interface HeaderActionsStylesParams {
+}
+export declare const useStyles: (params: HeaderActionsStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+//# sourceMappingURL=HeaderActions.styles.d.ts.map

package/dist/esm/components/header/HeaderActions/HeaderActions.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,yBAAyB;CAAG;AAE7C,eAAO,MAAM,SAAS;;;;;;CAEnB,CAAC"}

package/dist/esm/components/header/HeaderActions/HeaderActions.styles.js

@@ -0,0 +1,10 @@
+import { _ as _object_destructuring_empty } from "@swc/helpers/_/_object_destructuring_empty";
+import { createStyles } from "@mantine/core";
+export var useStyles = createStyles(function(theme, param) {
+    var ref = _object_destructuring_empty(param);
+    return {
+        root: {}
+    };
+});
+
+//# sourceMappingURL=HeaderActions.styles.js.map

package/dist/esm/components/header/HeaderActions/HeaderActions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderActionsStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderActionsStylesParams) => ({\n    root: {},\n}));\n"],"names":["createStyles","useStyles","theme","root"],"mappings":";AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,OAAO,IAAMC,YAAYD,aAAa,SAACE;QAAO;WAAmC;QAC7EC,MAAM,CAAC;IACX;GAAI"}

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

@@ -0,0 +1,8 @@
+import { BreadcrumbsProps, DefaultProps, Selectors } from '@mantine/core';
+import { FunctionComponent } from 'react';
+import { HeaderBreadcrumbsStylesParams, useStyles } from './HeaderBreadcrumbs.styles';
+type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;
+export type HeaderBreadcrumbsProps = BreadcrumbsProps & DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;
+export declare const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps>;
+export {};
+//# sourceMappingURL=HeaderBreadcrumbs.d.ts.map

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

@@ -0,0 +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,KAAK,4BAA4B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACjD,YAAY,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;AAE9E,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,CAqBvE,CAAC"}

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

@@ -0,0 +1,30 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Breadcrumbs } from "@mantine/core";
+import { useStyles } from "./HeaderBreadcrumbs.styles";
+export var HeaderBreadcrumbs = function(_param) {
+    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties(_param, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = useStyles({}, {
+        name: "PlasmaHeaderBreadcrumbs",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ _jsx(Breadcrumbs, _object_spread_props(_object_spread({
+        classNames: {
+            breadcrumb: classes.breadcrumb,
+            separator: classes.separator
+        }
+    }, others), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=HeaderBreadcrumbs.js.map

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

@@ -0,0 +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\ntype 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":["Breadcrumbs","useStyles","HeaderBreadcrumbs","classNames","styles","unstyled","children","others","classes","name","breadcrumb","separator"],"mappings":";;;;AAAA,SAAQA,WAAW,QAAkD,gBAAgB;AAErF,SAAuCC,SAAS,QAAO,6BAA6B;AAOpF,OAAO,IAAMC,oBAA+D;QACxEC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWP,UACd,CAAC,GACD;QACIQ,MAAM;QACNN,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ,GAPGG;IASP,qBACI,KAACR;QAAYG,YAAY;YAACO,YAAYF,QAAQE,UAAU;YAAEC,WAAWH,QAAQG,SAAS;QAAA;OAAOJ;kBACxFD;;AAGb,EAAE"}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.d.ts

@@ -0,0 +1,11 @@
+export interface HeaderBreadcrumbsStylesParams {
+}
+export declare const useStyles: (params: HeaderBreadcrumbsStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        breadcrumb: string;
+        separator: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+//# sourceMappingURL=HeaderBreadcrumbs.styles.d.ts.map

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBreadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,6BAA6B;CAAG;AAEjD,eAAO,MAAM,SAAS;;;;;;;CAGnB,CAAC"}

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js

@@ -0,0 +1,16 @@
+import { _ as _object_destructuring_empty } from "@swc/helpers/_/_object_destructuring_empty";
+import { createStyles } from "@mantine/core";
+export var useStyles = createStyles(function(theme, param) {
+    var ref = _object_destructuring_empty(param);
+    return {
+        breadcrumb: {
+            fontSize: theme.fontSizes.sm,
+            fontWeight: 300
+        },
+        separator: {
+            color: theme.colors.gray[5]
+        }
+    };
+});
+
+//# sourceMappingURL=HeaderBreadcrumbs.styles.js.map

package/dist/esm/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderBreadcrumbsStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderBreadcrumbsStylesParams) => ({\n    breadcrumb: {fontSize: theme.fontSizes.sm, fontWeight: 300},\n    separator: {color: theme.colors.gray[5]},\n}));\n"],"names":["createStyles","useStyles","theme","breadcrumb","fontSize","fontSizes","sm","fontWeight","separator","color","colors","gray"],"mappings":";AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,OAAO,IAAMC,YAAYD,aAAa,SAACE;QAAO;WAAuC;QACjFC,YAAY;YAACC,UAAUF,MAAMG,SAAS,CAACC,EAAE;YAAEC,YAAY;QAAG;QAC1DC,WAAW;YAACC,OAAOP,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC3C;GAAI"}

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

@@ -0,0 +1,22 @@
+import { DefaultProps, Selectors, TooltipProps } from '@mantine/core';
+import { FunctionComponent, ReactNode } from 'react';
+import { HeaderDocAnchorStylesParams, useStyles } from './HeaderDocAnchor.styles';
+type HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;
+export interface HeaderDocAnchorProps extends Pick<TooltipProps, 'position'>, DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {
+    /**
+     * 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
+     */
+    href: string;
+    /**
+     * The tooltip text shown when hovering over the doc link icon
+     */
+    label?: string;
+    /**
+     * React component to add the tooltip and anchor on
+     */
+    children?: ReactNode;
+}
+export declare const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps>;
+export {};
+//# sourceMappingURL=HeaderDocAnchor.d.ts.map

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

@@ -0,0 +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,KAAK,0BAA0B,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAO9D,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,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwBnE,CAAC"}

package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js

@@ -0,0 +1,45 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QuestionSize16Px } from "@coveord/plasma-react-icons";
+import { Anchor, Tooltip, useComponentDefaultProps } from "@mantine/core";
+import { useStyles } from "./HeaderDocAnchor.styles";
+var defaultProps = {
+    position: "right",
+    children: /*#__PURE__*/ _jsx(QuestionSize16Px, {
+        height: 16
+    })
+};
+export var HeaderDocAnchor = function(props) {
+    var _useComponentDefaultProps = useComponentDefaultProps("PlasmaHeaderActions", defaultProps, props), classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, className = _useComponentDefaultProps.className, children = _useComponentDefaultProps.children, docLink = _useComponentDefaultProps.href, docLinkTooltipLabel = _useComponentDefaultProps.label, others = _object_without_properties(_useComponentDefaultProps, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "className",
+        "children",
+        "href",
+        "label"
+    ]);
+    var _useStyles = useStyles({}, {
+        name: "PlasmaHeaderActions",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
+    return /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({
+        className: cx(className, classes.tooltip),
+        label: docLinkTooltipLabel,
+        disabled: !docLinkTooltipLabel
+    }, others), {
+        children: /*#__PURE__*/ _jsx(Anchor, {
+            className: classes.anchor,
+            inline: true,
+            href: docLink,
+            target: "_blank",
+            children: children
+        })
+    }));
+};
+
+//# sourceMappingURL=HeaderDocAnchor.js.map

package/dist/esm/components/header/HeaderDocAnchor/HeaderDocAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {QuestionSize16Px} from '@coveord/plasma-react-icons';\nimport {Anchor, DefaultProps, Selectors, Tooltip, TooltipProps, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\nimport {HeaderDocAnchorStylesParams, useStyles} from './HeaderDocAnchor.styles';\n\ntype HeaderDocAnchorStylesNames = Selectors<typeof useStyles>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <QuestionSize16Px height={16} />,\n};\n\nexport interface HeaderDocAnchorProps\n    extends Pick<TooltipProps, 'position'>,\n        DefaultProps<HeaderDocAnchorStylesNames, HeaderDocAnchorStylesParams> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: string;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport const HeaderDocAnchor: FunctionComponent<HeaderDocAnchorProps> = (props: HeaderDocAnchorProps) => {\n    const {\n        classNames,\n        styles,\n        unstyled,\n        className,\n        children,\n        href: docLink,\n        label: docLinkTooltipLabel,\n        ...others\n    } = useComponentDefaultProps('PlasmaHeaderActions', defaultProps, props);\n    const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n    return (\n        <Tooltip\n            className={cx(className, classes.tooltip)}\n            label={docLinkTooltipLabel}\n            disabled={!docLinkTooltipLabel}\n            {...others}\n        >\n            <Anchor className={classes.anchor} inline href={docLink} target=\"_blank\">\n                {children}\n            </Anchor>\n        </Tooltip>\n    );\n};\n"],"names":["QuestionSize16Px","Anchor","Tooltip","useComponentDefaultProps","useStyles","defaultProps","position","children","height","HeaderDocAnchor","props","classNames","styles","unstyled","className","href","docLink","label","docLinkTooltipLabel","others","name","classes","cx","tooltip","disabled","anchor","inline","target"],"mappings":";;;;AAAA,SAAQA,gBAAgB,QAAO,8BAA8B;AAC7D,SAAQC,MAAM,EAA2BC,OAAO,EAAgBC,wBAAwB,QAAO,gBAAgB;AAE/G,SAAqCC,SAAS,QAAO,2BAA2B;AAIhF,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACP;QAAiBQ,QAAQ;;AACxC;AAoBA,OAAO,IAAMC,kBAA2D,SAACC;IACrE,IASIP,4BAAAA,yBAAyB,uBAAuBE,cAAcK,QAR9DC,aAQAR,0BARAQ,YACAC,SAOAT,0BAPAS,QACAC,WAMAV,0BANAU,UACAC,YAKAX,0BALAW,WACAP,WAIAJ,0BAJAI,UACAQ,AAAMC,UAGNb,0BAHAY,MACAE,AAAOC,sBAEPf,0BAFAc,OACGE,oCACHhB;QARAQ;QACAC;QACAC;QACAC;QACAP;QACAQ;QACAE;;IAGJ,IAAsBb,aAAAA,UAAU,CAAC,GAAG;QAACgB,MAAM;QAAuBT,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFQ,UAAejB,WAAfiB,SAASC,KAAMlB,WAANkB;IAChB,qBACI,KAACpB;QACGY,WAAWQ,GAAGR,WAAWO,QAAQE,OAAO;QACxCN,OAAOC;QACPM,UAAU,CAACN;OACPC;kBAEJ,cAAA,KAAClB;YAAOa,WAAWO,QAAQI,MAAM;YAAEC,MAAM;YAACX,MAAMC;YAASW,QAAO;sBAC3DpB;;;AAIjB,EAAE"}