@coveord/plasma-mantine 52.26.3 → 52.26.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    DefaultProps,\n    Divider,\n    Group,\n    GroupProps,\n    Selectors,\n    Stack,\n    Text,\n    Title,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\n\nimport {HeaderStylesParams, useStyles} from './Header.styles';\nimport {HeaderActions} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderDocAnchorProps, HeaderDocAnchorStylesNames} from './HeaderDocAnchor/HeaderDocAnchor';\nexport type {HeaderBreadcrumbsProps, HeaderBreadcrumbsStylesNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderActionsProps, HeaderActionsStylesNames} from './HeaderActions/HeaderActions';\nexport type HeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface HeaderProps extends Omit<GroupProps, 'styles'>, DefaultProps<HeaderStylesNames, HeaderStylesParams> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the modal variant when displaying the header inside a modal\n     *\n     * @default 'page'\n     */\n    variant?: 'page' | 'modal';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n}\n\ninterface HeaderType {\n    (props: HeaderProps): ReactElement;\n    Breadcrumbs: typeof HeaderBreadcrumbs;\n    Actions: typeof HeaderActions;\n    DocAnchor: typeof HeaderDocAnchor;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'page',\n    position: 'apart',\n    noWrap: true,\n};\n\nexport const Header: HeaderType = (props: HeaderProps) => {\n    const {classNames, styles, unstyled, className, description, borderBottom, variant, children, ...others} =\n        useComponentDefaultProps('PlasmaHeader', defaultProps, props);\n    const {classes, cx} = useStyles({variant}, {name: 'PlasmaHeader', classNames, styles, unstyled});\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const actions = convertedChildren.find((child) => child.type === HeaderActions);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <>\n            <Group className={cx(className, classes.root)} {...others}>\n                <Stack spacing={0}>\n                    {breadcrumbs}\n                    <Title order={variant === 'page' ? 1 : 3} className={classes.title}>\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text className={classes.description} size={variant === 'page' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {actions}\n            </Group>\n            {borderBottom ? <Divider className={classes.divider} size=\"xs\" /> : null}\n        </>\n    );\n};\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["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;AAmClE,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"}
+{"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":["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","classes","cx","name","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;AAmClE,MAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;IACVC,QAAQ;AACZ;AAEA,OAAO,MAAMC,SAAqB,CAACC;IAC/B,MAAM,EAACC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEV,OAAO,EAAEW,QAAQ,EAAE,GAAGC,QAAO,GACpGnB,yBAAyB,gBAAgBM,cAAcK;IAC3D,MAAM,EAACS,OAAO,EAAEC,EAAE,EAAC,GAAGnB,UAAU;QAACK;IAAO,GAAG;QAACe,MAAM;QAAgBV;QAAYC;QAAQC;IAAQ;IAE9F,MAAMS,oBAAoBtB,SAASuB,OAAO,CAACN;IAC3C,MAAMO,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKxB;IACrE,MAAMyB,UAAUN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKzB;IACjE,MAAM2B,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKvB;IACnE,MAAM0B,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAKxB,qBAAqBuB,MAAMC,IAAI,KAAKzB,iBAAiBwB,MAAMC,IAAI,KAAKvB;IAElG,qBACI;;0BACI,MAACT;gBAAMmB,WAAWM,GAAGN,WAAWK,QAAQa,IAAI;gBAAI,GAAGd,MAAM;;kCACrD,MAACtB;wBAAMqC,SAAS;;4BACXT;0CACD,MAAC1B;gCAAMoC,OAAO5B,YAAY,SAAS,IAAI;gCAAGQ,WAAWK,QAAQgB,KAAK;;oCAC7DL;oCACAD;;;0CAEL,KAAChC;gCAAKiB,WAAWK,QAAQJ,WAAW;gCAAEqB,MAAM9B,YAAY,SAAS,OAAO;0CACnES;;;;oBAGRa;;;YAEJZ,6BAAe,KAACtB;gBAAQoB,WAAWK,QAAQkB,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.js

@@ -1,20 +1,17 @@
-import { createStyles } from "@mantine/core";
-export var useStyles = createStyles(function(theme, param) {
-    var variant = param.variant;
-    return {
+import { createStyles } from '@mantine/core';
+export const useStyles = createStyles((theme, { variant })=>({
         root: {
-            padding: variant === "page" ? theme.spacing.xl : undefined,
-            paddingBottom: variant === "page" ? theme.spacing.lg : undefined
+            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
+            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

@@ -1 +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"}
+{"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,MAAMC,YAAYD,aAAa,CAACE,OAAO,EAACC,OAAO,EAAqB,GAAM,CAAA;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,CAAA,GAAI"}

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

@@ -1,31 +1,22 @@
-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"
+import { Group, useComponentDefaultProps } from '@mantine/core';
+import { useStyles } from './HeaderActions.styles';
+const 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), {
+export const HeaderActions = (props)=>{
+    const { classNames, styles, unstyled, className, children, ...others } = useComponentDefaultProps('PlasmaHeaderActions', defaultProps, props);
+    const { classes, cx } = useStyles({}, {
+        name: 'PlasmaHeaderActions',
+        classNames,
+        styles,
+        unstyled
+    });
+    return /*#__PURE__*/ _jsx(Group, {
+        className: cx(className, classes.root),
+        ...others,
         children: children
-    }));
+    });
 };
 
 //# sourceMappingURL=HeaderActions.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {DefaultProps, Group, GroupProps, Selectors, useComponentDefaultProps} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderActionsStylesParams, useStyles} from './HeaderActions.styles';\n\nexport type HeaderActionsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderActionsProps = GroupProps & DefaultProps<HeaderActionsStylesNames, HeaderActionsStylesParams>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n    spacing: 'sm',\n};\n\nexport const HeaderActions: FunctionComponent<HeaderActionsProps> = (props: HeaderActionsProps) => {\n    const {classNames, styles, unstyled, className, children, ...others} = useComponentDefaultProps(\n        'PlasmaHeaderActions',\n        defaultProps,\n        props,\n    );\n    const {classes, cx} = useStyles({}, {name: 'PlasmaHeaderActions', classNames, styles, unstyled});\n\n    return (\n        <Group className={cx(className, classes.root)} {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["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"}
+{"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":["Group","useComponentDefaultProps","useStyles","defaultProps","spacing","HeaderActions","props","classNames","styles","unstyled","className","children","others","classes","cx","name","root"],"mappings":";AAAA,SAAsBA,KAAK,EAAyBC,wBAAwB,QAAO,gBAAgB;AAEnG,SAAmCC,SAAS,QAAO,yBAAyB;AAM5E,MAAMC,eAA4C;IAC9CC,SAAS;AACb;AAEA,OAAO,MAAMC,gBAAuD,CAACC;IACjE,MAAM,EAACC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGX,yBACnE,uBACAE,cACAG;IAEJ,MAAM,EAACO,OAAO,EAAEC,EAAE,EAAC,GAAGZ,UAAU,CAAC,GAAG;QAACa,MAAM;QAAuBR;QAAYC;QAAQC;IAAQ;IAE9F,qBACI,KAACT;QAAMU,WAAWI,GAAGJ,WAAWG,QAAQG,IAAI;QAAI,GAAGJ,MAAM;kBACpDD;;AAGb,EAAE"}

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

@@ -1,10 +1,6 @@
-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 {
+import { createStyles } from '@mantine/core';
+export const useStyles = createStyles((theme, {})=>({
         root: {}
-    };
-});
+    }));
 
 //# sourceMappingURL=HeaderActions.styles.js.map

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

@@ -1 +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"}
+{"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,MAAMC,YAAYD,aAAa,CAACE,OAAO,EAA6B,GAAM,CAAA;QAC7EC,MAAM,CAAC;IACX,CAAA,GAAI"}

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

@@ -1,30 +1,21 @@
-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({
+import { Breadcrumbs } from '@mantine/core';
+import { useStyles } from './HeaderBreadcrumbs.styles';
+export const HeaderBreadcrumbs = ({ classNames, styles, unstyled, children, ...others })=>{
+    const { classes } = useStyles({}, {
+        name: 'PlasmaHeaderBreadcrumbs',
+        classNames,
+        styles,
+        unstyled
+    });
+    return /*#__PURE__*/ _jsx(Breadcrumbs, {
         classNames: {
             breadcrumb: classes.breadcrumb,
             separator: classes.separator
-        }
-    }, others), {
+        },
+        ...others,
         children: children
-    }));
+    });
 };
 
 //# sourceMappingURL=HeaderBreadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx"],"sourcesContent":["import {Breadcrumbs, BreadcrumbsProps, DefaultProps, Selectors} from '@mantine/core';\nimport {FunctionComponent} from 'react';\nimport {HeaderBreadcrumbsStylesParams, useStyles} from './HeaderBreadcrumbs.styles';\n\nexport type HeaderBreadcrumbsStylesNames = Selectors<typeof useStyles>;\n\nexport type HeaderBreadcrumbsProps = BreadcrumbsProps &\n    DefaultProps<HeaderBreadcrumbsStylesNames, HeaderBreadcrumbsStylesParams>;\n\nexport const HeaderBreadcrumbs: FunctionComponent<HeaderBreadcrumbsProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(\n        {},\n        {\n            name: 'PlasmaHeaderBreadcrumbs',\n            classNames,\n            styles,\n            unstyled,\n        },\n    );\n    return (\n        <Breadcrumbs classNames={{breadcrumb: classes.breadcrumb, separator: classes.separator}} {...others}>\n            {children}\n        </Breadcrumbs>\n    );\n};\n"],"names":["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"}
+{"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":["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,MAAMC,oBAA+D,CAAC,EACzEC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGP,UACd,CAAC,GACD;QACIQ,MAAM;QACNN;QACAC;QACAC;IACJ;IAEJ,qBACI,KAACL;QAAYG,YAAY;YAACO,YAAYF,QAAQE,UAAU;YAAEC,WAAWH,QAAQG,SAAS;QAAA;QAAI,GAAGJ,MAAM;kBAC9FD;;AAGb,EAAE"}

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

@@ -1,8 +1,5 @@
-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 {
+import { createStyles } from '@mantine/core';
+export const useStyles = createStyles((theme, {})=>({
         breadcrumb: {
             fontSize: theme.fontSizes.sm,
             fontWeight: 300
@@ -10,7 +7,6 @@ export var useStyles = createStyles(function(theme, param) {
         separator: {
             color: theme.colors.gray[5]
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=HeaderBreadcrumbs.styles.js.map

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

@@ -1 +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"}
+{"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,MAAMC,YAAYD,aAAa,CAACE,OAAO,EAAiC,GAAM,CAAA;QACjFC,YAAY;YAACC,UAAUF,MAAMG,SAAS,CAACC,EAAE;YAAEC,YAAY;QAAG;QAC1DC,WAAW;YAACC,OAAOP,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC3C,CAAA,GAAI"}

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

@@ -1,37 +1,26 @@
-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",
+import { QuestionSize16Px } from '@coveord/plasma-react-icons';
+import { Anchor, Tooltip, useComponentDefaultProps } from '@mantine/core';
+import { useStyles } from './HeaderDocAnchor.styles';
+const 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({
+export const HeaderDocAnchor = (props)=>{
+    const { classNames, styles, unstyled, className, children, href: docLink, label: docLinkTooltipLabel, ...others } = useComponentDefaultProps('PlasmaHeaderActions', defaultProps, props);
+    const { classes, cx } = useStyles({}, {
+        name: 'PlasmaHeaderActions',
+        classNames,
+        styles,
+        unstyled
+    });
+    return /*#__PURE__*/ _jsx(Tooltip, {
         className: cx(className, classes.tooltip),
         label: docLinkTooltipLabel,
-        disabled: !docLinkTooltipLabel
-    }, others), {
+        disabled: !docLinkTooltipLabel,
+        ...others,
         children: /*#__PURE__*/ _jsx(Anchor, {
             className: classes.anchor,
             inline: true,
@@ -39,7 +28,7 @@ export var HeaderDocAnchor = function(props) {
             target: "_blank",
             children: children
         })
-    }));
+    });
 };
 
 //# sourceMappingURL=HeaderDocAnchor.js.map

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

@@ -1 +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":["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"}
+{"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":["QuestionSize16Px","Anchor","Tooltip","useComponentDefaultProps","useStyles","defaultProps","position","children","height","HeaderDocAnchor","props","classNames","styles","unstyled","className","href","docLink","label","docLinkTooltipLabel","others","classes","cx","name","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,MAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,KAACP;QAAiBQ,QAAQ;;AACxC;AAoBA,OAAO,MAAMC,kBAA2D,CAACC;IACrE,MAAM,EACFC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTP,QAAQ,EACRQ,MAAMC,OAAO,EACbC,OAAOC,mBAAmB,EAC1B,GAAGC,QACN,GAAGhB,yBAAyB,uBAAuBE,cAAcK;IAClE,MAAM,EAACU,OAAO,EAAEC,EAAE,EAAC,GAAGjB,UAAU,CAAC,GAAG;QAACkB,MAAM;QAAuBX;QAAYC;QAAQC;IAAQ;IAC9F,qBACI,KAACX;QACGY,WAAWO,GAAGP,WAAWM,QAAQG,OAAO;QACxCN,OAAOC;QACPM,UAAU,CAACN;QACV,GAAGC,MAAM;kBAEV,cAAA,KAAClB;YAAOa,WAAWM,QAAQK,MAAM;YAAEC,MAAM;YAACX,MAAMC;YAASW,QAAO;sBAC3DpB;;;AAIjB,EAAE"}

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

@@ -1,14 +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 {
+import { createStyles } from '@mantine/core';
+export const useStyles = createStyles((theme, {})=>({
         tooltip: {},
         anchor: {
             marginLeft: theme.spacing.xs,
-            verticalAlign: "middle"
+            verticalAlign: 'middle'
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=HeaderDocAnchor.styles.js.map

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

@@ -1 +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":["createStyles","useStyles","theme","tooltip","anchor","marginLeft","spacing","xs","verticalAlign"],"mappings":";AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,OAAO,IAAMC,YAAYD,aAAa,SAACE;QAAO;WAAqC;QAC/EC,SAAS,CAAC;QACVC,QAAQ;YACJC,YAAYH,MAAMI,OAAO,CAACC,EAAE;YAC5BC,eAAe;QACnB;IACJ;GAAI"}
+{"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":["createStyles","useStyles","theme","tooltip","anchor","marginLeft","spacing","xs","verticalAlign"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAI3C,OAAO,MAAMC,YAAYD,aAAa,CAACE,OAAO,EAA+B,GAAM,CAAA;QAC/EC,SAAS,CAAC;QACVC,QAAQ;YACJC,YAAYH,MAAMI,OAAO,CAACC,EAAE;YAC5BC,eAAe;QACnB;IACJ,CAAA,GAAI"}

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

@@ -1,3 +1,3 @@
-export * from "./Header";
+export * from './Header';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js

@@ -1,17 +1,17 @@
-export * from "./blank-slate";
-export * from "./browser-preview";
-export * from "./code-editor";
-export * from "./collection";
-export * from "./date-range-picker";
-export * from "./sticky-footer";
-export * from "./header";
-export * from "./inline-confirm";
-export * from "./table";
-export * from "./prompt";
-export * from "./modal-wizard";
-export * from "./button";
-export * from "./action-icon";
-export * from "./menu";
-export * from "./copyToClipboard";
+export * from './blank-slate';
+export * from './browser-preview';
+export * from './code-editor';
+export * from './collection';
+export * from './date-range-picker';
+export * from './sticky-footer';
+export * from './header';
+export * from './inline-confirm';
+export * from './table';
+export * from './prompt';
+export * from './modal-wizard';
+export * from './button';
+export * from './action-icon';
+export * from './menu';
+export * from './copyToClipboard';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/inline-confirm/InlineConfirm.js

@@ -1,27 +1,21 @@
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, useState } from "react";
-import { InlineConfirmButton } from "./InlineConfirmButton";
-import { InlineConfirmContext } from "./InlineConfirmContext";
-import { InlineConfirmMenuItem } from "./InlineConfirmMenuItem";
-import { InlineConfirmPrompt } from "./InlineConfirmPrompt";
-export var InlineConfirm = function(param) {
-    var children = param.children;
-    var _useState = _sliced_to_array(useState(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
-    var convertedChildren = Children.toArray(children);
-    var prompt = convertedChildren.find(function(child) {
-        return child.type === InlineConfirmPrompt && child.props.id === confirmingId;
-    });
-    var clearConfirm = function() {
-        return setConfirmingId(null);
-    };
+import { Children, useState } from 'react';
+import { InlineConfirmButton } from './InlineConfirmButton';
+import { InlineConfirmContext } from './InlineConfirmContext';
+import { InlineConfirmMenuItem } from './InlineConfirmMenuItem';
+import { InlineConfirmPrompt } from './InlineConfirmPrompt';
+export const InlineConfirm = ({ children })=>{
+    const [confirmingId, setConfirmingId] = useState(null);
+    const convertedChildren = Children.toArray(children);
+    const prompt = convertedChildren.find((child)=>child.type === InlineConfirmPrompt && child.props.id === confirmingId);
+    const clearConfirm = ()=>setConfirmingId(null);
     return /*#__PURE__*/ _jsx(InlineConfirmContext.Provider, {
         value: {
-            confirmingId: confirmingId,
-            setConfirmingId: setConfirmingId,
-            clearConfirm: clearConfirm
+            confirmingId,
+            setConfirmingId,
+            clearConfirm
         },
-        children: prompt !== null && prompt !== void 0 ? prompt : children
+        children: prompt ?? children
     });
 };
 InlineConfirm.Prompt = InlineConfirmPrompt;

package/dist/esm/components/inline-confirm/InlineConfirm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmMenuItem} from './InlineConfirmMenuItem';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren<unknown>> & {\n    Prompt: typeof InlineConfirmPrompt;\n    Button: typeof InlineConfirmButton;\n    MenuItem: typeof InlineConfirmMenuItem;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n    const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const prompt = convertedChildren.find(\n        (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId,\n    );\n    const clearConfirm = () => setConfirmingId(null);\n\n    return (\n        <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmContext.Provider>\n    );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\nInlineConfirm.MenuItem = InlineConfirmMenuItem;\n"],"names":["Children","useState","InlineConfirmButton","InlineConfirmContext","InlineConfirmMenuItem","InlineConfirmPrompt","InlineConfirm","children","confirmingId","setConfirmingId","convertedChildren","toArray","prompt","find","child","type","props","id","clearConfirm","Provider","value","Prompt","Button","MenuItem"],"mappings":";;AAAA,SAAQA,QAAQ,EAAsDC,QAAQ,QAAO,QAAQ;AAE7F,SAAQC,mBAAmB,QAAO,wBAAwB;AAC1D,SAAQC,oBAAoB,QAAO,yBAAyB;AAC5D,SAAQC,qBAAqB,QAAO,0BAA0B;AAC9D,SAAQC,mBAAmB,QAAO,wBAAwB;AAQ1D,OAAO,IAAMC,gBAAmC;QAAEC,iBAAAA;IAC9C,IAAwCN,6BAAAA,SAAwB,WAAzDO,eAAiCP,cAAnBQ,kBAAmBR;IAExC,IAAMS,oBAAoBV,SAASW,OAAO,CAACJ;IAC3C,IAAMK,SAASF,kBAAkBG,IAAI,CACjC,SAACC;eAAUA,MAAMC,IAAI,KAAKV,uBAAuBS,MAAME,KAAK,CAACC,EAAE,KAAKT;;IAExE,IAAMU,eAAe;eAAMT,gBAAgB;;IAE3C,qBACI,KAACN,qBAAqBgB,QAAQ;QAACC,OAAO;YAACZ,cAAAA;YAAcC,iBAAAA;YAAiBS,cAAAA;QAAY;kBAC7EN,mBAAAA,oBAAAA,SAAUL;;AAGvB,EAAE;AAEFD,cAAce,MAAM,GAAGhB;AACvBC,cAAcgB,MAAM,GAAGpB;AACvBI,cAAciB,QAAQ,GAAGnB"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmMenuItem} from './InlineConfirmMenuItem';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren<unknown>> & {\n    Prompt: typeof InlineConfirmPrompt;\n    Button: typeof InlineConfirmButton;\n    MenuItem: typeof InlineConfirmMenuItem;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n    const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const prompt = convertedChildren.find(\n        (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId,\n    );\n    const clearConfirm = () => setConfirmingId(null);\n\n    return (\n        <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmContext.Provider>\n    );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\nInlineConfirm.MenuItem = InlineConfirmMenuItem;\n"],"names":["Children","useState","InlineConfirmButton","InlineConfirmContext","InlineConfirmMenuItem","InlineConfirmPrompt","InlineConfirm","children","confirmingId","setConfirmingId","convertedChildren","toArray","prompt","find","child","type","props","id","clearConfirm","Provider","value","Prompt","Button","MenuItem"],"mappings":";AAAA,SAAQA,QAAQ,EAAsDC,QAAQ,QAAO,QAAQ;AAE7F,SAAQC,mBAAmB,QAAO,wBAAwB;AAC1D,SAAQC,oBAAoB,QAAO,yBAAyB;AAC5D,SAAQC,qBAAqB,QAAO,0BAA0B;AAC9D,SAAQC,mBAAmB,QAAO,wBAAwB;AAQ1D,OAAO,MAAMC,gBAAmC,CAAC,EAACC,QAAQ,EAAC;IACvD,MAAM,CAACC,cAAcC,gBAAgB,GAAGR,SAAwB;IAEhE,MAAMS,oBAAoBV,SAASW,OAAO,CAACJ;IAC3C,MAAMK,SAASF,kBAAkBG,IAAI,CACjC,CAACC,QAAUA,MAAMC,IAAI,KAAKV,uBAAuBS,MAAME,KAAK,CAACC,EAAE,KAAKT;IAExE,MAAMU,eAAe,IAAMT,gBAAgB;IAE3C,qBACI,KAACN,qBAAqBgB,QAAQ;QAACC,OAAO;YAACZ;YAAcC;YAAiBS;QAAY;kBAC7EN,UAAUL;;AAGvB,EAAE;AAEFD,cAAce,MAAM,GAAGhB;AACvBC,cAAcgB,MAAM,GAAGpB;AACvBI,cAAciB,QAAQ,GAAGnB"}

package/dist/esm/components/inline-confirm/InlineConfirmButton.js

@@ -1,24 +1,18 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Button } from "../button";
-import { useInlineConfirm } from "./useInlineConfirm";
-export var InlineConfirmButton = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var onClick = _param.onClick, id = _param.id, others = _object_without_properties(_param, [
-        "onClick",
-        "id"
-    ]);
-    var setConfirmingId = useInlineConfirm().setConfirmingId;
-    var handleOnClick = function(e) {
-        var _onClick;
+import { forwardRef } from 'react';
+import { Button } from '../button';
+import { useInlineConfirm } from './useInlineConfirm';
+export const InlineConfirmButton = /*#__PURE__*/ forwardRef(({ onClick, id, ...others }, ref)=>{
+    const { setConfirmingId } = useInlineConfirm();
+    const handleOnClick = (e)=>{
         setConfirmingId(id);
-        (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
+        onClick?.(e);
     };
-    return /*#__PURE__*/ _jsx(Button, _object_spread({
+    return /*#__PURE__*/ _jsx(Button, {
         ref: ref,
-        onClick: handleOnClick
-    }, others));
+        onClick: handleOnClick,
+        ...others
+    });
 });
 
 //# sourceMappingURL=InlineConfirmButton.js.map

package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Button ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Button","useInlineConfirm","InlineConfirmButton","ref","onClick","id","others","setConfirmingId","handleOnClick","e"],"mappings":";;;AAAA,SAAQA,UAAU,QAA0B,QAAQ;AACpD,SAAQC,MAAM,QAAoB,YAAY;AAE9C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,IAAMC,oCAAsBH,WAC/B,iBAA2BI;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBN,mBAAnBM;IACP,IAAMC,gBAAsD,SAACC;YAEzDL;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUK;IACd;IAEA,qBAAO,KAACT;QAAOG,KAAKA;QAAKC,SAASI;OAAmBF;AACzD,GACF"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Button ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Button","useInlineConfirm","InlineConfirmButton","onClick","id","others","ref","setConfirmingId","handleOnClick","e"],"mappings":";AAAA,SAAQA,UAAU,QAA0B,QAAQ;AACpD,SAAQC,MAAM,QAAoB,YAAY;AAE9C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,MAAMC,oCAAsBH,WAC/B,CAAC,EAACI,OAAO,EAAEC,EAAE,EAAE,GAAGC,QAAO,EAAEC;IACvB,MAAM,EAACC,eAAe,EAAC,GAAGN;IAC1B,MAAMO,gBAAsD,CAACC;QACzDF,gBAAgBH;QAChBD,UAAUM;IACd;IAEA,qBAAO,KAACT;QAAOM,KAAKA;QAAKH,SAASK;QAAgB,GAAGH,MAAM;;AAC/D,GACF"}

package/dist/esm/components/inline-confirm/InlineConfirmContext.js

@@ -1,4 +1,4 @@
-import { createContext } from "react";
-export var InlineConfirmContext = createContext(null);
+import { createContext } from 'react';
+export const InlineConfirmContext = createContext(null);
 
 //# sourceMappingURL=InlineConfirmContext.js.map

package/dist/esm/components/inline-confirm/InlineConfirmContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n    confirmingId: string;\n    setConfirmingId: (id: string) => void;\n    clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["createContext","InlineConfirmContext"],"mappings":"AAAA,SAAQA,aAAa,QAAO,QAAQ;AAQpC,OAAO,IAAMC,uBAAuBD,cAA+C,MAAM"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n    confirmingId: string;\n    setConfirmingId: (id: string) => void;\n    clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["createContext","InlineConfirmContext"],"mappings":"AAAA,SAAQA,aAAa,QAAO,QAAQ;AAQpC,OAAO,MAAMC,uBAAuBD,cAA+C,MAAM"}

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js

@@ -1,24 +1,18 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Menu } from "../menu";
-import { useInlineConfirm } from "./useInlineConfirm";
-export var InlineConfirmMenuItem = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var onClick = _param.onClick, id = _param.id, others = _object_without_properties(_param, [
-        "onClick",
-        "id"
-    ]);
-    var setConfirmingId = useInlineConfirm().setConfirmingId;
-    var handleOnClick = function(e) {
-        var _onClick;
+import { forwardRef } from 'react';
+import { Menu } from '../menu';
+import { useInlineConfirm } from './useInlineConfirm';
+export const InlineConfirmMenuItem = /*#__PURE__*/ forwardRef(({ onClick, id, ...others }, ref)=>{
+    const { setConfirmingId } = useInlineConfirm();
+    const handleOnClick = (e)=>{
         setConfirmingId(id);
-        (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
+        onClick?.(e);
     };
-    return /*#__PURE__*/ _jsx(Menu.Item, _object_spread({
+    return /*#__PURE__*/ _jsx(Menu.Item, {
         ref: ref,
-        onClick: handleOnClick
-    }, others));
+        onClick: handleOnClick,
+        ...others
+    });
 });
 
 //# sourceMappingURL=InlineConfirmMenuItem.js.map

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\n\nimport {Menu, MenuItemProps} from '../menu';\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmMenuItemProps extends MenuItemProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmMenuItem = forwardRef<HTMLButtonElement, InlineConfirmMenuItemProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Menu.Item ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Menu","useInlineConfirm","InlineConfirmMenuItem","ref","onClick","id","others","setConfirmingId","handleOnClick","e","Item"],"mappings":";;;AAAA,SAAQA,UAAU,QAA0B,QAAQ;AAEpD,SAAQC,IAAI,QAAsB,UAAU;AAC5C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,IAAMC,sCAAwBH,WACjC,iBAA2BI;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBN,mBAAnBM;IACP,IAAMC,gBAAsD,SAACC;YAEzDL;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUK;IACd;IAEA,qBAAO,KAACT,KAAKU,IAAI;QAACP,KAAKA;QAAKC,SAASI;OAAmBF;AAC5D,GACF"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\n\nimport {Menu, MenuItemProps} from '../menu';\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmMenuItemProps extends MenuItemProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmMenuItem = forwardRef<HTMLButtonElement, InlineConfirmMenuItemProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Menu.Item ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Menu","useInlineConfirm","InlineConfirmMenuItem","onClick","id","others","ref","setConfirmingId","handleOnClick","e","Item"],"mappings":";AAAA,SAAQA,UAAU,QAA0B,QAAQ;AAEpD,SAAQC,IAAI,QAAsB,UAAU;AAC5C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,MAAMC,sCAAwBH,WACjC,CAAC,EAACI,OAAO,EAAEC,EAAE,EAAE,GAAGC,QAAO,EAAEC;IACvB,MAAM,EAACC,eAAe,EAAC,GAAGN;IAC1B,MAAMO,gBAAsD,CAACC;QACzDF,gBAAgBH;QAChBD,UAAUM;IACd;IAEA,qBAAO,KAACT,KAAKU,IAAI;QAACJ,KAAKA;QAAKH,SAASK;QAAgB,GAAGH,MAAM;;AAClE,GACF"}

package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group } from "@mantine/core";
-import { useEffect } from "react";
-import { Button } from "../button";
-import { useInlineConfirm } from "./useInlineConfirm";
-export var InlineConfirmPrompt = function(param) {
-    var id = param.id, label = param.label, _param_confirmLabel = param.confirmLabel, confirmLabel = _param_confirmLabel === void 0 ? "Delete" : _param_confirmLabel, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? "Cancel" : _param_cancelLabel, onConfirm = param.onConfirm;
-    var _useInlineConfirm = useInlineConfirm(), confirmingId = _useInlineConfirm.confirmingId, clearConfirm = _useInlineConfirm.clearConfirm;
-    var onClickConfirm = function() {
+import { Group } from '@mantine/core';
+import { useEffect } from 'react';
+import { Button } from '../button';
+import { useInlineConfirm } from './useInlineConfirm';
+export const InlineConfirmPrompt = ({ id, label, confirmLabel = 'Delete', cancelLabel = 'Cancel', onConfirm })=>{
+    const { confirmingId, clearConfirm } = useInlineConfirm();
+    const onClickConfirm = ()=>{
         onConfirm();
         clearConfirm();
     };
-    useEffect(function() {
+    useEffect(()=>{
         if (confirmingId !== id) {
             clearConfirm();
         }