@coveord/plasma-mantine 52.15.0 → 52.16.1

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

@@ -1,6 +1,14 @@
-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';
+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> {
     /**
      * The description text displayed inside the header underneath the title
      */
@@ -27,23 +35,4 @@ 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/cjs/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,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"}

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

@@ -12,36 +12,53 @@ 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 _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _react = require("react");
-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, [
+var _Headerstyles = require("./Header.styles");
+var _HeaderActions = require("./HeaderActions/HeaderActions");
+var _HeaderBreadcrumbs = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
+var _HeaderDocAnchor = require("./HeaderDocAnchor/HeaderDocAnchor");
+var defaultProps = {
+    variant: "page",
+    position: "apart",
+    noWrap: true
+};
+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",
+        "className",
         "description",
         "borderBottom",
-        "children",
-        "variant"
+        "variant",
+        "children"
     ]);
+    var _useStyles = (0, _Headerstyles.useStyles)({
+        variant: variant
+    }, {
+        name: "PlasmaHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
     var convertedChildren = _react.Children.toArray(children);
     var breadcrumbs = convertedChildren.find(function(child) {
-        return child.type === HeaderBreadcrumbs;
+        return child.type === _HeaderBreadcrumbs.HeaderBreadcrumbs;
     });
     var actions = convertedChildren.find(function(child) {
-        return child.type === HeaderActions;
+        return child.type === _HeaderActions.HeaderActions;
     });
     var docAnchor = convertedChildren.find(function(child) {
-        return child.type === HeaderDocAnchor;
+        return child.type === _HeaderDocAnchor.HeaderDocAnchor;
     });
     var otherChildren = convertedChildren.filter(function(child) {
-        return child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor;
+        return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderActions.HeaderActions && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.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__*/ (0, _jsxruntime.jsxs)(_core.Stack, {
@@ -50,18 +67,15 @@ var Header = function(_param) {
                             breadcrumbs,
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Title, {
                                 order: variant === "page" ? 1 : 3,
-                                color: variant === "page" ? "gray.5" : undefined,
-                                sx: {
-                                    wordBreak: "break-word"
-                                },
+                                className: classes.title,
                                 children: [
                                     otherChildren,
                                     docAnchor
                                 ]
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                                className: classes.description,
                                 size: variant === "page" ? "md" : "sm",
-                                color: "gray.6",
                                 children: description
                             })
                         ]
@@ -70,57 +84,14 @@ var Header = function(_param) {
                 ]
             })),
             borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
+                className: classes.divider,
                 size: "xs"
             }) : null
         ]
     });
 };
-var HeaderBreadcrumbs = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.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__*/ (0, _jsxruntime.jsx)(_core.Group, {
-        spacing: "sm",
-        children: children
-    });
-};
-var HeaderDocAnchor = function(param) {
-    var docLink = param.href, docLinkTooltipLabel = param.label;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
-        label: docLinkTooltipLabel,
-        disabled: !docLinkTooltipLabel,
-        position: "right",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, {
-            inline: true,
-            href: docLink,
-            target: "_blank",
-            ml: "xs",
-            style: {
-                verticalAlign: "middle"
-            },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.QuestionSize16Px, {
-                height: 16
-            })
-        })
-    });
-};
-Header.Breadcrumbs = HeaderBreadcrumbs;
-Header.Actions = HeaderActions;
-Header.DocAnchor = HeaderDocAnchor;
+Header.Breadcrumbs = _HeaderBreadcrumbs.HeaderBreadcrumbs;
+Header.Actions = _HeaderActions.HeaderActions;
+Header.DocAnchor = _HeaderDocAnchor.HeaderDocAnchor;
 
 //# sourceMappingURL=Header.js.map

package/dist/cjs/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":["Header","description","borderBottom","children","variant","others","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","Group","position","p","undefined","pb","noWrap","Stack","spacing","Title","order","color","sx","wordBreak","Text","size","Divider","Breadcrumbs","styles","theme","breadcrumb","fontSize","fontSizes","sm","fontWeight","separator","colors","gray","href","docLink","label","docLinkTooltipLabel","Tooltip","disabled","Anchor","inline","target","ml","style","verticalAlign","QuestionSize16Px","height","Actions","DocAnchor"],"mappings":";;;;+BAgCaA;;;eAAAA;;;;;;;gCAhCkB;oBAC8D;qBAC1B;AA8B5D,IAAMA,SAAqB;QAAEC,qBAAAA,aAAaC,sBAAAA,cAAcC,kBAAAA,kCAAUC,SAAAA,sCAAU,yBAAWC;QAA1DJ;QAAaC;QAAcC;QAAUC;;IACrE,IAAME,oBAAoBC,eAAQ,CAACC,OAAO,CAACL;IAC3C,IAAMM,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC;;IACrE,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG;;IACjE,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK;;IACnE,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,qBAAqBF,MAAMC,IAAI,KAAKG,iBAAiBJ,MAAMC,IAAI,KAAKK;;IAElG,qBACI;;0BACI,sBAACG,WAAK;gBACFC,UAAS;gBACTC,GAAGlB,YAAY,SAAS,OAAOmB;gBAC/BC,IAAIpB,YAAY,SAAS,OAAOmB;gBAChCE,MAAM;eACFpB;;kCAEJ,sBAACqB,WAAK;wBAACC,SAAS;;4BACXlB;0CACD,sBAACmB,WAAK;gCACFC,OAAOzB,YAAY,SAAS,IAAI;gCAChC0B,OAAO1B,YAAY,SAAS,WAAWmB;gCACvCQ,IAAI;oCAACC,WAAW;gCAAY;;oCAE3Bd;oCACAF;;;0CAEL,qBAACiB,UAAI;gCAACC,MAAM9B,YAAY,SAAS,OAAO;gCAAM0B,OAAM;0CAC/C7B;;;;oBAGRa;;;YAEJZ,6BAAe,qBAACiC,aAAO;gBAACD,MAAK;iBAAU;;;AAGpD;AAEA,IAAMrB,oBAA8D;QAAEV,iBAAAA;yBAClE,qBAACiC,iBAAW;QACRC,QAAQ,SAACC;mBAAW;gBAChBC,YAAY;oBAACC,UAAUF,MAAMG,SAAS,CAACC,EAAE;oBAAEC,YAAY;gBAAG;gBAC1DC,WAAW;oBAACd,OAAOQ,MAAMO,MAAM,CAACC,IAAI,CAAC,EAAE;gBAAA;YAC3C;;kBAEC3C;;;AAIT,IAAMY,gBAA0D;QAAEZ,iBAAAA;yBAAc,qBAACiB,WAAK;QAACO,SAAQ;kBAAMxB;;;AAcrG,IAAMc,kBAA2D;QAAE8B,AAAMC,gBAAND,MAAeE,AAAOC,4BAAPD;yBAC9E,qBAACE,aAAO;QAACF,OAAOC;QAAqBE,UAAU,CAACF;QAAqB7B,UAAS;kBAC1E,cAAA,qBAACgC,YAAM;YAACC,MAAM;YAACP,MAAMC;YAASO,QAAO;YAASC,IAAG;YAAKC,OAAO;gBAACC,eAAe;YAAQ;sBACjF,cAAA,qBAACC,kCAAgB;gBAACC,QAAQ;;;;;AAKtC5D,OAAOoC,WAAW,GAAGvB;AACrBb,OAAO6D,OAAO,GAAG9C;AACjBf,OAAO8D,SAAS,GAAG7C"}
+{"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"}

package/dist/cjs/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/cjs/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/cjs/components/header/Header.styles.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStyles", {
+    enumerable: true,
+    get: function() {
+        return useStyles;
+    }
+});
+var _core = require("@mantine/core");
+var useStyles = (0, _core.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/cjs/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":["useStyles","createStyles","theme","variant","root","padding","spacing","xl","undefined","paddingBottom","lg","title","wordBreak","color","colors","gray","description","divider"],"mappings":";;;;+BAMaA;;;eAAAA;;;oBANc;AAMpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;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"}

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

@@ -0,0 +1,7 @@
+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>;
+//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/cjs/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,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"}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderActions", {
+    enumerable: true,
+    get: function() {
+        return HeaderActions;
+    }
+});
+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 _HeaderActionsstyles = require("./HeaderActions.styles");
+var defaultProps = {
+    spacing: "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, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "className",
+        "children"
+    ]);
+    var _useStyles = (0, _HeaderActionsstyles.useStyles)({}, {
+        name: "PlasmaHeaderActions",
+        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), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=HeaderActions.js.map

package/dist/cjs/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\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"}

package/dist/cjs/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/cjs/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/cjs/components/header/HeaderActions/HeaderActions.styles.js

@@ -0,0 +1,20 @@
+"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 {
+        root: {}
+    };
+});
+
+//# sourceMappingURL=HeaderActions.styles.js.map

package/dist/cjs/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":["useStyles","createStyles","theme","root"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAO;WAAmC;QAC7EC,MAAM,CAAC;IACX"}

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

@@ -0,0 +1,7 @@
+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>;
+//# sourceMappingURL=HeaderBreadcrumbs.d.ts.map

package/dist/cjs/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,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"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderBreadcrumbs", {
+    enumerable: true,
+    get: function() {
+        return HeaderBreadcrumbs;
+    }
+});
+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 _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, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = (0, _HeaderBreadcrumbsstyles.useStyles)({}, {
+        name: "PlasmaHeaderBreadcrumbs",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({
+        classNames: {
+            breadcrumb: classes.breadcrumb,
+            separator: classes.separator
+        }
+    }, others), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=HeaderBreadcrumbs.js.map

package/dist/cjs/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\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"}

package/dist/cjs/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/cjs/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/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js

@@ -0,0 +1,26 @@
+"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 {
+        breadcrumb: {
+            fontSize: theme.fontSizes.sm,
+            fontWeight: 300
+        },
+        separator: {
+            color: theme.colors.gray[5]
+        }
+    };
+});
+
+//# sourceMappingURL=HeaderBreadcrumbs.styles.js.map

package/dist/cjs/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":["useStyles","createStyles","theme","breadcrumb","fontSize","fontSizes","sm","fontWeight","separator","color","colors","gray"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;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"}

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

@@ -0,0 +1,21 @@
+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> {
+    /**
+     * 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>;
+//# sourceMappingURL=HeaderDocAnchor.d.ts.map

package/dist/cjs/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,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,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAwBnE,CAAC"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderDocAnchor", {
+    enumerable: true,
+    get: function() {
+        return HeaderDocAnchor;
+    }
+});
+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 _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _HeaderDocAnchorstyles = require("./HeaderDocAnchor.styles");
+var defaultProps = {
+    position: "right",
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.QuestionSize16Px, {
+        height: 16
+    })
+};
+var HeaderDocAnchor = 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, docLink = _useComponentDefaultProps.href, docLinkTooltipLabel = _useComponentDefaultProps.label, others = _object_without_properties._(_useComponentDefaultProps, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "className",
+        "children",
+        "href",
+        "label"
+    ]);
+    var _useStyles = (0, _HeaderDocAnchorstyles.useStyles)({}, {
+        name: "PlasmaHeaderActions",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }), classes = _useStyles.classes, cx = _useStyles.cx;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
+        className: cx(className, classes.tooltip),
+        label: docLinkTooltipLabel,
+        disabled: !docLinkTooltipLabel
+    }, others), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, {
+            className: classes.anchor,
+            inline: true,
+            href: docLink,
+            target: "_blank",
+            children: children
+        })
+    }));
+};
+
+//# sourceMappingURL=HeaderDocAnchor.js.map

package/dist/cjs/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\nexport type 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":["HeaderDocAnchor","defaultProps","position","children","QuestionSize16Px","height","props","useComponentDefaultProps","classNames","styles","unstyled","className","href","docLink","label","docLinkTooltipLabel","others","useStyles","name","classes","cx","Tooltip","tooltip","disabled","Anchor","anchor","inline","target"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;gCA9BkB;oBACgE;qCAE1C;AAIrD,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;QAACC,QAAQ;;AACxC;AAoBO,IAAML,kBAA2D,SAACM;IACrE,IASIC,4BAAAA,IAAAA,8BAAwB,EAAC,uBAAuBN,cAAcK,QAR9DE,aAQAD,0BARAC,YACAC,SAOAF,0BAPAE,QACAC,WAMAH,0BANAG,UACAC,YAKAJ,0BALAI,WACAR,WAIAI,0BAJAJ,UACAS,AAAMC,UAGNN,0BAHAK,MACAE,AAAOC,sBAEPR,0BAFAO,OACGE,sCACHT;QARAC;QACAC;QACAC;QACAC;QACAR;QACAS;QACAE;;IAGJ,IAAsBG,aAAAA,IAAAA,gCAAS,EAAC,CAAC,GAAG;QAACC,MAAM;QAAuBV,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAvFS,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAChB,qBACI,qBAACC,aAAO;QACJV,WAAWS,GAAGT,WAAWQ,QAAQG,OAAO;QACxCR,OAAOC;QACPQ,UAAU,CAACR;OACPC;kBAEJ,cAAA,qBAACQ,YAAM;YAACb,WAAWQ,QAAQM,MAAM;YAAEC,MAAM;YAACd,MAAMC;YAASc,QAAO;sBAC3DxB;;;AAIjB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDocAnchor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BAA2B;CAAG;AAE/C,eAAO,MAAM,SAAS;;;;;;;CAMnB,CAAC"}