@coveord/plasma-mantine 53.1.4 → 54.0.1

package/dist/cjs/components/button/Button.d.ts

@@ -1,5 +1,4 @@
-import { ButtonGroup, ButtonProps as MantineButtonProps } from '@mantine/core';
-import { ButtonCssVariables, ButtonStylesNames, ButtonVariant } from '@mantine/core/lib/components/Button/Button';
+import { ButtonCssVariables, ButtonGroup, ButtonStylesNames, ButtonVariant, ButtonProps as MantineButtonProps } from '@mantine/core';
 import { MouseEventHandler } from 'react';
 import { ButtonWithDisabledTooltipProps } from './ButtonWithDisabledTooltip';
 export interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {

package/dist/cjs/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EAGX,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,kBAAkB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,4CAA4C,CAAC;AAChH,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM;;;;;;;;;WAXR,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WADU,kBAAkB;CA6BhC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM;;;;;;;;;WAXR,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WADU,kBAAkB;CA6BhC,CAAC"}

package/dist/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n    ButtonGroup,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ButtonCssVariables, ButtonStylesNames, ButtonVariant} from '@mantine/core/lib/components/Button/Button';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BaA;;;eAAAA;;;;;;oBAvBN;mCAG2B;yCACsC;AAmBjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJT,OAAOsB,KAAK,GAAGP,YAAa,CAACO,KAAK"}
+{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n    ButtonCssVariables,\n    ButtonGroup,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA+BaA;;;eAAAA;;;;;;oBAtBN;mCAE2B;yCACsC;AAmBjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJT,OAAOsB,KAAK,GAAGP,YAAa,CAACO,KAAK"}

package/dist/cjs/components/code-editor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,iBAAiB,EAIjB,UAAU,EAKb,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAQrE,UAAU,eACN,SAAQ,IAAI,CACJ,iBAAiB,EACjB,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CACzF,EACD,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA+JzD,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,iBAAiB,EAIjB,UAAU,EAKb,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAQrE,UAAU,eACN,SAAQ,IAAI,CACJ,iBAAiB,EACjB,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CACzF,EACD,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAyJzD,CAAC"}

package/dist/cjs/components/code-editor/CodeEditor.js

@@ -209,10 +209,8 @@ var CodeEditor = function(props) {
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, _object_spread_props._(_object_spread._({
         justify: "flex-start",
         gap: 0,
-        h: {
-            height: Math.max(parentHeight, minHeight),
-            maxHeight: maxHeight
-        },
+        h: Math.max(parentHeight, minHeight),
+        mah: maxHeight,
         ref: ref
     }, others), {
         children: [

package/dist/cjs/components/code-editor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n    Box,\n    Center,\n    Group,\n    Input,\n    InputWrapperProps,\n    Loader,\n    Space,\n    Stack,\n    StackProps,\n    px,\n    useMantineColorScheme,\n    useMantineTheme,\n    useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport Editor, {Monaco, loader} from '@monaco-editor/react';\nimport {editor as monacoEditor} from 'monaco-editor';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport cx from 'clsx';\nimport {useParentHeight} from '../../hooks';\nimport {CopyToClipboard} from '../copyToClipboard';\nimport CodeEditorClasses from './CodeEditor.module.css';\nimport {XML} from './languages/xml';\nimport {Search} from './search';\ninterface CodeEditorProps\n    extends Omit<\n            InputWrapperProps,\n            'inputContainer' | 'inputWrapperOrder' | 'classNames' | 'styles' | 'vars' | 'onChange'\n        >,\n        Omit<StackProps, 'onChange'> {\n    /**\n     * The language syntax of the editor\n     *\n     * @default 'plaintext'\n     */\n    language?: 'plaintext' | 'json' | 'markdown' | 'python' | 'xml' | (string & unknown);\n    /** Default value for uncontrolled input */\n    defaultValue?: string;\n    /** Value for controlled input */\n    value?: string;\n    /** onChange value for controlled input */\n    onChange?(value: string): void;\n    /** Called whenever the search icon is clicked  */\n    onSearch?(): void;\n    /** Called whenever the copy icon is clicked */\n    onCopy?(): void;\n    /** Called whenever the code editor gets the focus */\n    onFocus?(): void;\n    /**\n     * The minimal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height is too short, it will use this value as minimum.\n     *\n     * @default 300\n     */\n    minHeight?: number;\n    /**\n     * The maximal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n     */\n    maxHeight?: number;\n    disabled?: boolean;\n    /**\n     * Defines how the monaco editor files will be loaded.\n     * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n     *\n     * @default 'local'\n     */\n    monacoLoader?: 'cdn' | 'local';\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n    language: 'plaintext',\n    monacoLoader: 'local',\n    defaultValue: '',\n    minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n    const {\n        language,\n        defaultValue,\n        onChange,\n        onCopy,\n        onSearch,\n        onFocus,\n        value,\n        label,\n        required,\n        labelProps,\n        error,\n        errorProps,\n        description,\n        descriptionProps,\n        minHeight,\n        maxHeight,\n        disabled,\n        monacoLoader,\n        ...others\n    } = useProps('CodeEditor', defaultProps, props);\n    const [loaded, setLoaded] = useState(false);\n    const [_value, handleChange] = useUncontrolled<string>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: '',\n    });\n    const [parentHeight, ref] = useParentHeight();\n    const editorRef = useRef(null);\n    const loadLocalMonaco = async () => {\n        const monacoInstance = await import('monaco-editor');\n        loader.config({monaco: monacoInstance});\n        setLoaded(true);\n    };\n\n    const registerLanguages = (monaco: Monaco) => {\n        if (monaco && language === 'xml') {\n            XML.register(monaco);\n        }\n    };\n\n    const handleSearch = () => {\n        if (editorRef.current) {\n            editorRef.current.focus();\n            editorRef.current.trigger('editor', 'actions.find', '');\n            onSearch?.();\n        }\n    };\n\n    const [hasMonacoError, setHasMonacoError] = useState(false);\n    const renderErrorOutline = !!error || hasMonacoError;\n    const theme = useMantineTheme();\n    const {colorScheme} = useMantineColorScheme();\n\n    useEffect(() => {\n        if (monacoLoader === 'local') {\n            loadLocalMonaco();\n        } else {\n            setLoaded(true);\n        }\n    }, []);\n\n    const handleValidate = (markers: monacoEditor.IMarker[]) => {\n        setHasMonacoError(\n            markers.some((marker) => marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error),\n        );\n    };\n\n    const _label = label ? (\n        <Input.Label required={required} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n\n    const _error = error ? (\n        <Input.Error mt=\"xs\" {...errorProps}>\n            {error}\n        </Input.Error>\n    ) : (\n        <Space h=\"xs\" />\n    );\n\n    const _header =\n        _label || _description ? (\n            <Box>\n                {_label}\n                {_description}\n            </Box>\n        ) : null;\n\n    const _buttons = (\n        <Group justify=\"right\" gap={0}>\n            <Search handleSearch={handleSearch} />\n            <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n        </Group>\n    );\n\n    const _editor = loaded ? (\n        <Box\n            p=\"md\"\n            pl=\"xs\"\n            className={cx(\n                CodeEditorClasses.editor,\n                {[CodeEditorClasses.valid]: !renderErrorOutline},\n                {[CodeEditorClasses.error]: renderErrorOutline},\n            )}\n            data-testid=\"editor-wrapper\"\n        >\n            <Editor\n                onValidate={handleValidate}\n                defaultLanguage={language}\n                theme={colorScheme === 'light' ? 'light' : 'vs-dark'}\n                options={{\n                    minimap: {enabled: false},\n                    wordWrap: 'on',\n                    scrollBeyondLastLine: false,\n                    formatOnPaste: true,\n                    fontSize: px(theme.fontSizes.xs) as number,\n                    readOnly: disabled,\n                    tabSize: 2,\n                }}\n                value={_value}\n                onChange={handleChange}\n                onMount={(editor, monaco) => {\n                    editorRef.current = editor;\n                    registerLanguages(monaco);\n                    editor.onDidFocusEditorText(() => onFocus?.());\n                    editor.onDidBlurEditorText(async () => {\n                        await editor.getAction('editor.action.formatDocument').run();\n                    });\n                }}\n            />\n        </Box>\n    ) : (\n        <Center className={CodeEditorClasses.editor}>\n            <Loader />\n        </Center>\n    );\n\n    return (\n        <Stack\n            justify=\"flex-start\"\n            gap={0}\n            h={{height: Math.max(parentHeight, minHeight), maxHeight}}\n            ref={ref}\n            {...others}\n        >\n            {_header}\n            {_buttons}\n            {_editor}\n            {_error}\n        </Stack>\n    );\n};\n"],"names":["CodeEditor","defaultProps","language","monacoLoader","defaultValue","minHeight","props","useProps","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","others","useState","loaded","setLoaded","useUncontrolled","finalValue","_value","handleChange","useParentHeight","parentHeight","ref","editorRef","useRef","loadLocalMonaco","monacoInstance","loader","config","monaco","registerLanguages","XML","register","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","theme","useMantineTheme","colorScheme","useMantineColorScheme","useEffect","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Input","Label","_description","Description","_error","mt","Space","h","_header","Box","_buttons","Group","justify","gap","Search","CopyToClipboard","_editor","p","pl","className","cx","CodeEditorClasses","editor","valid","data-testid","Editor","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","px","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","Center","Loader","Stack","height","Math","max"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"sourcesContent":["import {\n    Box,\n    Center,\n    Group,\n    Input,\n    InputWrapperProps,\n    Loader,\n    Space,\n    Stack,\n    StackProps,\n    px,\n    useMantineColorScheme,\n    useMantineTheme,\n    useProps,\n} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\nimport Editor, {Monaco, loader} from '@monaco-editor/react';\nimport {editor as monacoEditor} from 'monaco-editor';\nimport {FunctionComponent, useEffect, useRef, useState} from 'react';\n\nimport cx from 'clsx';\nimport {useParentHeight} from '../../hooks';\nimport {CopyToClipboard} from '../copyToClipboard';\nimport CodeEditorClasses from './CodeEditor.module.css';\nimport {XML} from './languages/xml';\nimport {Search} from './search';\ninterface CodeEditorProps\n    extends Omit<\n            InputWrapperProps,\n            'inputContainer' | 'inputWrapperOrder' | 'classNames' | 'styles' | 'vars' | 'onChange'\n        >,\n        Omit<StackProps, 'onChange'> {\n    /**\n     * The language syntax of the editor\n     *\n     * @default 'plaintext'\n     */\n    language?: 'plaintext' | 'json' | 'markdown' | 'python' | 'xml' | (string & unknown);\n    /** Default value for uncontrolled input */\n    defaultValue?: string;\n    /** Value for controlled input */\n    value?: string;\n    /** onChange value for controlled input */\n    onChange?(value: string): void;\n    /** Called whenever the search icon is clicked  */\n    onSearch?(): void;\n    /** Called whenever the copy icon is clicked */\n    onCopy?(): void;\n    /** Called whenever the code editor gets the focus */\n    onFocus?(): void;\n    /**\n     * The minimal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height is too short, it will use this value as minimum.\n     *\n     * @default 300\n     */\n    minHeight?: number;\n    /**\n     * The maximal height of the CodeEditor (label and description included)\n     *\n     * By default the CodeEditor is adjusted to fill its parent height.\n     * In the case where the parent height would be too high for your liking, you can use this prop to set a maximum.\n     */\n    maxHeight?: number;\n    disabled?: boolean;\n    /**\n     * Defines how the monaco editor files will be loaded.\n     * Note that using `'local'` requires [some additional configuration](https://github.com/suren-atoyan/monaco-react#use-monaco-editor-as-an-npm-package).\n     *\n     * @default 'local'\n     */\n    monacoLoader?: 'cdn' | 'local';\n}\n\nconst defaultProps: Partial<CodeEditorProps> = {\n    language: 'plaintext',\n    monacoLoader: 'local',\n    defaultValue: '',\n    minHeight: 300,\n};\n\nexport const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {\n    const {\n        language,\n        defaultValue,\n        onChange,\n        onCopy,\n        onSearch,\n        onFocus,\n        value,\n        label,\n        required,\n        labelProps,\n        error,\n        errorProps,\n        description,\n        descriptionProps,\n        minHeight,\n        maxHeight,\n        disabled,\n        monacoLoader,\n        ...others\n    } = useProps('CodeEditor', defaultProps, props);\n    const [loaded, setLoaded] = useState(false);\n    const [_value, handleChange] = useUncontrolled<string>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: '',\n    });\n    const [parentHeight, ref] = useParentHeight();\n    const editorRef = useRef(null);\n    const loadLocalMonaco = async () => {\n        const monacoInstance = await import('monaco-editor');\n        loader.config({monaco: monacoInstance});\n        setLoaded(true);\n    };\n\n    const registerLanguages = (monaco: Monaco) => {\n        if (monaco && language === 'xml') {\n            XML.register(monaco);\n        }\n    };\n\n    const handleSearch = () => {\n        if (editorRef.current) {\n            editorRef.current.focus();\n            editorRef.current.trigger('editor', 'actions.find', '');\n            onSearch?.();\n        }\n    };\n\n    const [hasMonacoError, setHasMonacoError] = useState(false);\n    const renderErrorOutline = !!error || hasMonacoError;\n    const theme = useMantineTheme();\n    const {colorScheme} = useMantineColorScheme();\n\n    useEffect(() => {\n        if (monacoLoader === 'local') {\n            loadLocalMonaco();\n        } else {\n            setLoaded(true);\n        }\n    }, []);\n\n    const handleValidate = (markers: monacoEditor.IMarker[]) => {\n        setHasMonacoError(\n            markers.some((marker) => marker.severity === loader.__getMonacoInstance().MarkerSeverity.Error),\n        );\n    };\n\n    const _label = label ? (\n        <Input.Label required={required} {...labelProps}>\n            {label}\n        </Input.Label>\n    ) : null;\n\n    const _description = description ? (\n        <Input.Description {...descriptionProps}>{description}</Input.Description>\n    ) : null;\n\n    const _error = error ? (\n        <Input.Error mt=\"xs\" {...errorProps}>\n            {error}\n        </Input.Error>\n    ) : (\n        <Space h=\"xs\" />\n    );\n\n    const _header =\n        _label || _description ? (\n            <Box>\n                {_label}\n                {_description}\n            </Box>\n        ) : null;\n\n    const _buttons = (\n        <Group justify=\"right\" gap={0}>\n            <Search handleSearch={handleSearch} />\n            <CopyToClipboard value={_value} onCopy={() => onCopy?.()} />\n        </Group>\n    );\n\n    const _editor = loaded ? (\n        <Box\n            p=\"md\"\n            pl=\"xs\"\n            className={cx(\n                CodeEditorClasses.editor,\n                {[CodeEditorClasses.valid]: !renderErrorOutline},\n                {[CodeEditorClasses.error]: renderErrorOutline},\n            )}\n            data-testid=\"editor-wrapper\"\n        >\n            <Editor\n                onValidate={handleValidate}\n                defaultLanguage={language}\n                theme={colorScheme === 'light' ? 'light' : 'vs-dark'}\n                options={{\n                    minimap: {enabled: false},\n                    wordWrap: 'on',\n                    scrollBeyondLastLine: false,\n                    formatOnPaste: true,\n                    fontSize: px(theme.fontSizes.xs) as number,\n                    readOnly: disabled,\n                    tabSize: 2,\n                }}\n                value={_value}\n                onChange={handleChange}\n                onMount={(editor, monaco) => {\n                    editorRef.current = editor;\n                    registerLanguages(monaco);\n                    editor.onDidFocusEditorText(() => onFocus?.());\n                    editor.onDidBlurEditorText(async () => {\n                        await editor.getAction('editor.action.formatDocument').run();\n                    });\n                }}\n            />\n        </Box>\n    ) : (\n        <Center className={CodeEditorClasses.editor}>\n            <Loader />\n        </Center>\n    );\n\n    return (\n        <Stack justify=\"flex-start\" gap={0} h={Math.max(parentHeight, minHeight)} mah={maxHeight} ref={ref} {...others}>\n            {_header}\n            {_buttons}\n            {_editor}\n            {_error}\n        </Stack>\n    );\n};\n"],"names":["CodeEditor","defaultProps","language","monacoLoader","defaultValue","minHeight","props","useProps","onChange","onCopy","onSearch","onFocus","value","label","required","labelProps","error","errorProps","description","descriptionProps","maxHeight","disabled","others","useState","loaded","setLoaded","useUncontrolled","finalValue","_value","handleChange","useParentHeight","parentHeight","ref","editorRef","useRef","loadLocalMonaco","monacoInstance","loader","config","monaco","registerLanguages","XML","register","handleSearch","current","focus","trigger","hasMonacoError","setHasMonacoError","renderErrorOutline","theme","useMantineTheme","colorScheme","useMantineColorScheme","useEffect","handleValidate","markers","some","marker","severity","__getMonacoInstance","MarkerSeverity","Error","_label","Input","Label","_description","Description","_error","mt","Space","h","_header","Box","_buttons","Group","justify","gap","Search","CopyToClipboard","_editor","p","pl","className","cx","CodeEditorClasses","editor","valid","data-testid","Editor","onValidate","defaultLanguage","options","minimap","enabled","wordWrap","scrollBeyondLastLine","formatOnPaste","fontSize","px","fontSizes","xs","readOnly","tabSize","onMount","onDidFocusEditorText","onDidBlurEditorText","getAction","run","Center","Loader","Stack","Math","max","mah"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/cjs/components/collection/Collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,QAAQ,EACR,OAAO,EAGP,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAGtB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,aAAa,CAAC;AAMjE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAYH,eAAO,MAAM,UAAU;;cAA2C,aAAa,cAAc,CAAC;;;eAfnF,gBAAgB,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CA+JrC,CAAC"}
+{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,QAAQ,EACR,OAAO,EAGP,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAGtB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,aAAa,CAAC;AAMjE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAYH,eAAO,MAAM,UAAU;eAAe,gBAAgB,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,aAAa,cAAc,CAAC,CAAA;KAAC;;eAfpF,gBAAgB,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CA+JrC,CAAC"}

package/dist/cjs/components/collection/CollectionContext.d.ts

@@ -7,6 +7,6 @@ interface CollectionContextType {
 export declare const CollectionProvider: ({ children, value }: {
     value: CollectionContextType;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useCollectionContext: () => CollectionContextType;
+}) => import("react/jsx-runtime").JSX.Element, useCollectionContext: () => CollectionContextType;
 export {};
 //# sourceMappingURL=CollectionContext.d.ts.map

package/dist/cjs/components/collection/CollectionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/CollectionContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAEpD,UAAU,qBAAqB;IAC3B,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC9C;AAED,eAAO,MAAO,kBAAkB;;;mCAAE,oBAAoB,6BAErD,CAAC"}
+{"version":3,"file":"CollectionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/CollectionContext.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAEpD,UAAU,qBAAqB;IAC3B,SAAS,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC9C;AAED,eAAO,MAAO,kBAAkB;;;+CAAE,oBAAoB,6BAErD,CAAC"}

package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts

@@ -1,9 +1,4 @@
 import { UseFormInput } from '@mantine/form';
 import { CollectionProps } from './Collection';
-export declare const enhanceWithCollectionProps: <FormValues>(payload: {
-    inputProps: import("@mantine/form/lib/types").GetInputPropsReturnType;
-    field: import("@mantine/form/lib/types").LooseKeys<FormValues>;
-    options: import("@mantine/form/lib/types").GetInputPropsOptions;
-    form: import("@mantine/form").UseFormReturnType<FormValues, (values: FormValues) => FormValues>;
-}, field: import("@mantine/form/lib/types").LooseKeys<FormValues>) => Pick<CollectionProps<unknown>, 'onReorderItem' | 'onInsertItem' | 'onRemoveItem'>;
+export declare const enhanceWithCollectionProps: <FormValues>(payload: Parameters<UseFormInput<FormValues>['enhanceGetInputProps']>[0], field: import("@mantine/form/lib/types").LooseKeys<FormValues>) => Pick<CollectionProps<unknown>, 'onReorderItem' | 'onInsertItem' | 'onRemoveItem'>;
 //# sourceMappingURL=enhanceWithCollectionProps.d.ts.map

package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhanceWithCollectionProps.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/enhanceWithCollectionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;;sEAGpC,KAAK,gBAAgB,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,cAAc,CAYlF,CAAC"}
+{"version":3,"file":"enhanceWithCollectionProps.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/enhanceWithCollectionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,eAAO,MAAM,0BAA0B,wBAC1B,WAAW,aAAa,UAAU,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,qEAEzE,KAAK,gBAAgB,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,cAAc,CAYlF,CAAC"}

package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAmC,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAClH,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,+LA6D1C,CAAC"}
+{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAa,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,+BAA+B,CAAC;AACjG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAEhG,UAAU,mCAAmC,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAClH,2CAA2C;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,iCAAiC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAEhD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,6GAQxC,oCAAoC,CAAC,CAAC,4CAqDxC,CAAC"}

package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,kJA6CvC,CAAC"}
+{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,kEAKrC,kCAAkC,CAAC,CAAC,4CAwCtC,CAAC"}

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

@@ -7,5 +7,5 @@ export interface HeaderContextValue {
 export declare const HeaderProvider: ({ children, value }: {
     value: HeaderContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useHeaderContext: () => HeaderContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useHeaderContext: () => HeaderContextValue;
 //# sourceMappingURL=Header.context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,cAAc;;;mCAAE,gBAAgB,0BAE7C,CAAC"}
+{"version":3,"file":"Header.context.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,cAAc;;;+CAAE,gBAAgB,0BAE7C,CAAC"}

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

@@ -2,30 +2,25 @@
 
 exports[`Header > renders the specified breadcrumbs above the title 1`] = `
 <div>
-  <style
-    data-mantine-styles="true"
-  >
-    :root{--mantine-webkit-font-smoothing: unset;--mantine-moz-font-smoothing: unset;--mantine-color-black: #282829;--mantine-line-height: 1.5;--mantine-font-family: canada-type-gibson, sans-serif;--mantine-font-family-headings: canada-type-gibson, sans-serif;--mantine-heading-font-weight: 500;--mantine-radius-default: calc(0.5rem * var(--mantine-scale));--mantine-primary-color-filled: var(--mantine-color-action-filled);--mantine-primary-color-filled-hover: var(--mantine-color-action-filled-hover);--mantine-primary-color-light: var(--mantine-color-action-light);--mantine-primary-color-light-hover: var(--mantine-color-action-light-hover);--mantine-primary-color-light-color: var(--mantine-color-action-light-color);--mantine-spacing-xs: 8px;--mantine-spacing-sm: 16px;--mantine-spacing-md: 24px;--mantine-spacing-lg: 32px;--mantine-spacing-xl: 40px;--mantine-line-height-md: 1.5;--mantine-shadow-xs: 0px 1px 0px rgba(4, 8, 31, 0.08);--mantine-shadow-sm: 0px 2px 4px rgba(4, 8, 31, 0.12);--mantine-shadow-md: 0px 4px 8px rgba(4, 8, 31, 0.08);--mantine-shadow-lg: 0px 8px 16px rgba(7, 12, 41, 0.06);--mantine-shadow-xl: 0px 16px 24px rgba(4, 8, 31, 0.06);--mantine-primary-color-0: var(--mantine-color-action-0);--mantine-primary-color-1: var(--mantine-color-action-1);--mantine-primary-color-2: var(--mantine-color-action-2);--mantine-primary-color-3: var(--mantine-color-action-3);--mantine-primary-color-4: var(--mantine-color-action-4);--mantine-primary-color-5: var(--mantine-color-action-5);--mantine-primary-color-6: var(--mantine-color-action-6);--mantine-primary-color-7: var(--mantine-color-action-7);--mantine-primary-color-8: var(--mantine-color-action-8);--mantine-primary-color-9: var(--mantine-color-action-9);--mantine-color-gray-0: #fcfcfc;--mantine-color-gray-1: #f9f9f9;--mantine-color-gray-2: #f3f3f3;--mantine-color-gray-3: #e5e8e8;--mantine-color-gray-4: #d6dcdd;--mantine-color-gray-5: #b7bcc0;--mantine-color-gray-6: #6c727b;--mantine-color-gray-7: #565b66;--mantine-color-gray-8: #353a3f;--mantine-color-gray-9: #282829;--mantine-color-red-0: #fff8f8;--mantine-color-red-1: #ffd7d3;--mantine-color-red-2: #f3b4ae;--mantine-color-red-3: #ee8279;--mantine-color-red-4: #f05245;--mantine-color-red-5: #e03729;--mantine-color-red-6: #cd2113;--mantine-color-red-7: #a11409;--mantine-color-red-8: #80130a;--mantine-color-red-9: #600a03;--mantine-color-indigo-0: #f2f3ff;--mantine-color-indigo-1: #ced4f4;--mantine-color-indigo-2: #9dabf2;--mantine-color-indigo-3: #687cdf;--mantine-color-indigo-4: #4a61d4;--mantine-color-indigo-5: #2e45ba;--mantine-color-indigo-6: #24389e;--mantine-color-indigo-7: #192b8a;--mantine-color-indigo-8: #101f6b;--mantine-color-indigo-9: #071140;--mantine-color-blue-0: #e7f7ff;--mantine-color-blue-1: #c3ecff;--mantine-color-blue-2: #86d8ff;--mantine-color-blue-3: #46c4ff;--mantine-color-blue-4: #00adff;--mantine-color-blue-5: #029de7;--mantine-color-blue-6: #0387c6;--mantine-color-blue-7: #0173a9;--mantine-color-blue-8: #004c71;--mantine-color-blue-9: #003148;--mantine-color-teal-0: #edfffc;--mantine-color-teal-1: #c2fef5;--mantine-color-teal-2: #50fae3;--mantine-color-teal-3: #1cebcf;--mantine-color-teal-4: #16dcc1;--mantine-color-teal-5: #12c7ae;--mantine-color-teal-6: #0ba893;--mantine-color-teal-7: #078675;--mantine-color-teal-8: #055f53;--mantine-color-teal-9: #033932;--mantine-color-green-0: #dcf3ef;--mantine-color-green-1: #b2e3db;--mantine-color-green-2: #79d1c3;--mantine-color-green-3: #34ad95;--mantine-color-green-4: #1a8973;--mantine-color-green-5: #00634f;--mantine-color-green-6: #045242;--mantine-color-green-7: #043f33;--mantine-color-green-8: #023128;--mantine-color-green-9: #01211b;--mantine-color-lime-0: #f2fff9;--mantine-color-lime-1: #f2fff9;--mantine-color-lime-2: #f2fff9;--mantine-color-lime-3: #f2fff9;--mantine-color-lime-4: #12a344;--mantine-color-lime-5: #12a344;--mantine-color-lime-6: #12a344;--mantine-color-lime-7: #004a20;--mantine-color-lime-8: #004a20;--mantine-color-lime-9: #004a20;--mantine-color-yellow-0: #fffdea;--mantine-color-yellow-1: #fff7ba;--mantine-color-yellow-2: #ffef70;--mantine-color-yellow-3: #ffe300;--mantine-color-yellow-4: #f5d029;--mantine-color-yellow-5: #eac10b;--mantine-color-yellow-6: #e2b104;--mantine-color-yellow-7: #bd9403;--mantine-color-yellow-8: #8f7000;--mantine-color-yellow-9: #493b08;--mantine-color-action-0: #edf6ff;--mantine-color-action-1: #edf6ff;--mantine-color-action-2: #c7e4ff;--mantine-color-action-3: #8bc7ff;--mantine-color-action-4: #399ffe;--mantine-color-action-5: #1372ec;--mantine-color-action-6: #1372ec;--mantine-color-action-7: #1a50ad;--mantine-color-action-8: #1a50ad;--mantine-color-action-9: #062d70;--mantine-color-navy-0: #f5f6ff;--mantine-color-navy-1: #d6d7fd;--mantine-color-navy-2: #aeb0f1;--mantine-color-navy-3: #8787db;--mantine-color-navy-4: #6b6bbd;--mantine-color-navy-5: #525296;--mantine-color-navy-6: #3f3f71;--mantine-color-navy-7: #333357;--mantine-color-navy-8: #262646;--mantine-color-navy-9: #181d3a;--mantine-color-info-0: #f5f6ff;--mantine-color-info-1: #d6d7fd;--mantine-color-info-2: #aeb0f1;--mantine-color-info-3: #8787db;--mantine-color-info-4: #6b6bbd;--mantine-color-info-5: #525296;--mantine-color-info-6: #3f3f71;--mantine-color-info-7: #333357;--mantine-color-info-8: #262646;--mantine-color-info-9: #181d3a;--mantine-color-critical-0: #fff8f8;--mantine-color-critical-1: #ffd7d3;--mantine-color-critical-2: #f3b4ae;--mantine-color-critical-3: #ee8279;--mantine-color-critical-4: #f05245;--mantine-color-critical-5: #e03729;--mantine-color-critical-6: #cd2113;--mantine-color-critical-7: #a11409;--mantine-color-critical-8: #80130a;--mantine-color-critical-9: #600a03;--mantine-color-new-0: #edfffc;--mantine-color-new-1: #c2fef5;--mantine-color-new-2: #50fae3;--mantine-color-new-3: #1cebcf;--mantine-color-new-4: #16dcc1;--mantine-color-new-5: #12c7ae;--mantine-color-new-6: #0ba893;--mantine-color-new-7: #078675;--mantine-color-new-8: #055f53;--mantine-color-new-9: #033932;--mantine-color-warning-0: #fffdea;--mantine-color-warning-1: #fff7ba;--mantine-color-warning-2: #ffef70;--mantine-color-warning-3: #ffe300;--mantine-color-warning-4: #f5d029;--mantine-color-warning-5: #eac10b;--mantine-color-warning-6: #e2b104;--mantine-color-warning-7: #bd9403;--mantine-color-warning-8: #8f7000;--mantine-color-warning-9: #493b08;--mantine-color-success-0: #f2fff9;--mantine-color-success-1: #f2fff9;--mantine-color-success-2: #f2fff9;--mantine-color-success-3: #f2fff9;--mantine-color-success-4: #12a344;--mantine-color-success-5: #12a344;--mantine-color-success-6: #12a344;--mantine-color-success-7: #004a20;--mantine-color-success-8: #004a20;--mantine-color-success-9: #004a20;--mantine-color-purple-0: #f2ebf3;--mantine-color-purple-1: #dabfe9;--mantine-color-purple-2: #bb80dc;--mantine-color-purple-3: #9a52c1;--mantine-color-purple-4: #752e9c;--mantine-color-purple-5: #5d237d;--mantine-color-purple-6: #451c5c;--mantine-color-purple-7: #390c53;--mantine-color-purple-8: #2b073f;--mantine-color-purple-9: #180323;--mantine-h1-font-size: 48px;--mantine-h1-line-height: 1.5;--mantine-h1-font-weight: 300;--mantine-h2-font-size: 32px;--mantine-h2-line-height: 1.5;--mantine-h2-font-weight: 500;--mantine-h3-font-size: 24px;--mantine-h3-line-height: 1.5;--mantine-h3-font-weight: 500;--mantine-h4-font-size: 18px;--mantine-h4-line-height: 1.5;--mantine-h4-font-weight: 300;--mantine-h5-font-size: 14px;--mantine-h5-font-weight: 500;--mantine-h6-font-size: 12px;--mantine-h6-font-weight: 500;}:root[data-mantine-color-scheme="dark"]{--mantine-color-anchor: var(--mantine-color-action-4);--mantine-color-gray-light: rgba(108, 114, 123, 0.15);--mantine-color-gray-light-hover: rgba(108, 114, 123, 0.2);--mantine-color-gray-outline-hover: rgba(214, 220, 221, 0.05);--mantine-color-red-light: rgba(205, 33, 19, 0.15);--mantine-color-red-light-hover: rgba(205, 33, 19, 0.2);--mantine-color-red-outline-hover: rgba(240, 82, 69, 0.05);--mantine-color-indigo-light: rgba(36, 56, 158, 0.15);--mantine-color-indigo-light-hover: rgba(36, 56, 158, 0.2);--mantine-color-indigo-outline-hover: rgba(74, 97, 212, 0.05);--mantine-color-blue-light: rgba(3, 135, 198, 0.15);--mantine-color-blue-light-hover: rgba(3, 135, 198, 0.2);--mantine-color-blue-outline-hover: rgba(0, 173, 255, 0.05);--mantine-color-teal-light: rgba(11, 168, 147, 0.15);--mantine-color-teal-light-hover: rgba(11, 168, 147, 0.2);--mantine-color-teal-outline-hover: rgba(22, 220, 193, 0.05);--mantine-color-green-light: rgba(4, 82, 66, 0.15);--mantine-color-green-light-hover: rgba(4, 82, 66, 0.2);--mantine-color-green-outline-hover: rgba(26, 137, 115, 0.05);--mantine-color-lime-light: rgba(18, 163, 68, 0.15);--mantine-color-lime-light-hover: rgba(18, 163, 68, 0.2);--mantine-color-lime-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-yellow-light: rgba(226, 177, 4, 0.15);--mantine-color-yellow-light-hover: rgba(226, 177, 4, 0.2);--mantine-color-yellow-outline-hover: rgba(245, 208, 41, 0.05);--mantine-color-action-text: var(--mantine-color-action-4);--mantine-color-action-filled: var(--mantine-color-action-8);--mantine-color-action-filled-hover: var(--mantine-color-action-9);--mantine-color-action-light: rgba(19, 114, 236, 0.15);--mantine-color-action-light-hover: rgba(19, 114, 236, 0.2);--mantine-color-action-light-color: var(--mantine-color-action-3);--mantine-color-action-outline: var(--mantine-color-action-4);--mantine-color-action-outline-hover: rgba(57, 159, 254, 0.05);--mantine-color-navy-text: var(--mantine-color-navy-4);--mantine-color-navy-filled: var(--mantine-color-navy-8);--mantine-color-navy-filled-hover: var(--mantine-color-navy-9);--mantine-color-navy-light: rgba(63, 63, 113, 0.15);--mantine-color-navy-light-hover: rgba(63, 63, 113, 0.2);--mantine-color-navy-light-color: var(--mantine-color-navy-3);--mantine-color-navy-outline: var(--mantine-color-navy-4);--mantine-color-navy-outline-hover: rgba(107, 107, 189, 0.05);--mantine-color-info-text: var(--mantine-color-info-4);--mantine-color-info-filled: var(--mantine-color-info-8);--mantine-color-info-filled-hover: var(--mantine-color-info-9);--mantine-color-info-light: rgba(63, 63, 113, 0.15);--mantine-color-info-light-hover: rgba(63, 63, 113, 0.2);--mantine-color-info-light-color: var(--mantine-color-info-3);--mantine-color-info-outline: var(--mantine-color-info-4);--mantine-color-info-outline-hover: rgba(107, 107, 189, 0.05);--mantine-color-critical-text: var(--mantine-color-critical-4);--mantine-color-critical-filled: var(--mantine-color-critical-8);--mantine-color-critical-filled-hover: var(--mantine-color-critical-9);--mantine-color-critical-light: rgba(205, 33, 19, 0.15);--mantine-color-critical-light-hover: rgba(205, 33, 19, 0.2);--mantine-color-critical-light-color: var(--mantine-color-critical-3);--mantine-color-critical-outline: var(--mantine-color-critical-4);--mantine-color-critical-outline-hover: rgba(240, 82, 69, 0.05);--mantine-color-new-text: var(--mantine-color-new-4);--mantine-color-new-filled: var(--mantine-color-new-8);--mantine-color-new-filled-hover: var(--mantine-color-new-9);--mantine-color-new-light: rgba(11, 168, 147, 0.15);--mantine-color-new-light-hover: rgba(11, 168, 147, 0.2);--mantine-color-new-light-color: var(--mantine-color-new-3);--mantine-color-new-outline: var(--mantine-color-new-4);--mantine-color-new-outline-hover: rgba(22, 220, 193, 0.05);--mantine-color-warning-text: var(--mantine-color-warning-4);--mantine-color-warning-filled: var(--mantine-color-warning-8);--mantine-color-warning-filled-hover: var(--mantine-color-warning-9);--mantine-color-warning-light: rgba(226, 177, 4, 0.15);--mantine-color-warning-light-hover: rgba(226, 177, 4, 0.2);--mantine-color-warning-light-color: var(--mantine-color-warning-3);--mantine-color-warning-outline: var(--mantine-color-warning-4);--mantine-color-warning-outline-hover: rgba(245, 208, 41, 0.05);--mantine-color-success-text: var(--mantine-color-success-4);--mantine-color-success-filled: var(--mantine-color-success-8);--mantine-color-success-filled-hover: var(--mantine-color-success-9);--mantine-color-success-light: rgba(18, 163, 68, 0.15);--mantine-color-success-light-hover: rgba(18, 163, 68, 0.2);--mantine-color-success-light-color: var(--mantine-color-success-3);--mantine-color-success-outline: var(--mantine-color-success-4);--mantine-color-success-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-purple-text: var(--mantine-color-purple-4);--mantine-color-purple-filled: var(--mantine-color-purple-8);--mantine-color-purple-filled-hover: var(--mantine-color-purple-9);--mantine-color-purple-light: rgba(69, 28, 92, 0.15);--mantine-color-purple-light-hover: rgba(69, 28, 92, 0.2);--mantine-color-purple-light-color: var(--mantine-color-purple-3);--mantine-color-purple-outline: var(--mantine-color-purple-4);--mantine-color-purple-outline-hover: rgba(117, 46, 156, 0.05);}:root[data-mantine-color-scheme="light"]{--mantine-color-text: #282829;--mantine-color-anchor: var(--mantine-color-action-6);--mantine-color-dark-light: #C9C9C9;--mantine-color-dark-light-hover: #b8b8b8;--mantine-color-gray-light: #f9f9f9;--mantine-color-gray-light-hover: #f3f3f3;--mantine-color-gray-outline-hover: rgba(108, 114, 123, 0.05);--mantine-color-red-light: #fff8f8;--mantine-color-red-light-hover: #ffd7d3;--mantine-color-red-outline-hover: rgba(205, 33, 19, 0.05);--mantine-color-pink-light: #fff0f6;--mantine-color-pink-light-hover: #ffdeeb;--mantine-color-grape-light: #f8f0fc;--mantine-color-grape-light-hover: #f3d9fa;--mantine-color-violet-light: #f3f0ff;--mantine-color-violet-light-hover: #e5dbff;--mantine-color-indigo-light: #f2f3ff;--mantine-color-indigo-light-hover: #ced4f4;--mantine-color-indigo-outline-hover: rgba(36, 56, 158, 0.05);--mantine-color-blue-light: #e7f7ff;--mantine-color-blue-light-hover: #c3ecff;--mantine-color-blue-outline-hover: rgba(3, 135, 198, 0.05);--mantine-color-cyan-light: #e3fafc;--mantine-color-cyan-light-hover: #c5f6fa;--mantine-color-teal-light: #edfffc;--mantine-color-teal-light-hover: #c2fef5;--mantine-color-teal-outline-hover: rgba(11, 168, 147, 0.05);--mantine-color-green-light: #dcf3ef;--mantine-color-green-light-hover: #b2e3db;--mantine-color-green-outline-hover: rgba(4, 82, 66, 0.05);--mantine-color-lime-light: #f2fff9;--mantine-color-lime-light-hover: #f2fff9;--mantine-color-lime-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-yellow-light: #fffdea;--mantine-color-yellow-light-hover: #fff7ba;--mantine-color-yellow-outline-hover: rgba(226, 177, 4, 0.05);--mantine-color-orange-light: #fff4e6;--mantine-color-orange-light-hover: #ffe8cc;--mantine-color-action-text: var(--mantine-color-action-filled);--mantine-color-action-filled: var(--mantine-color-action-6);--mantine-color-action-filled-hover: var(--mantine-color-action-7);--mantine-color-action-light: #edf6ff;--mantine-color-action-light-hover: #edf6ff;--mantine-color-action-light-color: var(--mantine-color-action-6);--mantine-color-action-outline: var(--mantine-color-action-6);--mantine-color-action-outline-hover: rgba(19, 114, 236, 0.05);--mantine-color-navy-text: var(--mantine-color-navy-filled);--mantine-color-navy-filled: var(--mantine-color-navy-6);--mantine-color-navy-filled-hover: var(--mantine-color-navy-7);--mantine-color-navy-light: #f5f6ff;--mantine-color-navy-light-hover: #d6d7fd;--mantine-color-navy-light-color: var(--mantine-color-navy-6);--mantine-color-navy-outline: var(--mantine-color-navy-6);--mantine-color-navy-outline-hover: rgba(63, 63, 113, 0.05);--mantine-color-info-text: var(--mantine-color-info-filled);--mantine-color-info-filled: var(--mantine-color-info-6);--mantine-color-info-filled-hover: var(--mantine-color-info-7);--mantine-color-info-light: #f5f6ff;--mantine-color-info-light-hover: #d6d7fd;--mantine-color-info-light-color: var(--mantine-color-info-6);--mantine-color-info-outline: var(--mantine-color-info-6);--mantine-color-info-outline-hover: rgba(63, 63, 113, 0.05);--mantine-color-critical-text: var(--mantine-color-critical-filled);--mantine-color-critical-filled: var(--mantine-color-critical-6);--mantine-color-critical-filled-hover: var(--mantine-color-critical-7);--mantine-color-critical-light: #fff8f8;--mantine-color-critical-light-hover: #ffd7d3;--mantine-color-critical-light-color: var(--mantine-color-critical-6);--mantine-color-critical-outline: var(--mantine-color-critical-6);--mantine-color-critical-outline-hover: rgba(205, 33, 19, 0.05);--mantine-color-new-text: var(--mantine-color-new-filled);--mantine-color-new-filled: var(--mantine-color-new-6);--mantine-color-new-filled-hover: var(--mantine-color-new-7);--mantine-color-new-light: #edfffc;--mantine-color-new-light-hover: #c2fef5;--mantine-color-new-light-color: var(--mantine-color-new-6);--mantine-color-new-outline: var(--mantine-color-new-6);--mantine-color-new-outline-hover: rgba(11, 168, 147, 0.05);--mantine-color-warning-text: var(--mantine-color-warning-filled);--mantine-color-warning-filled: var(--mantine-color-warning-6);--mantine-color-warning-filled-hover: var(--mantine-color-warning-7);--mantine-color-warning-light: #fffdea;--mantine-color-warning-light-hover: #fff7ba;--mantine-color-warning-light-color: var(--mantine-color-warning-6);--mantine-color-warning-outline: var(--mantine-color-warning-6);--mantine-color-warning-outline-hover: rgba(226, 177, 4, 0.05);--mantine-color-success-text: var(--mantine-color-success-filled);--mantine-color-success-filled: var(--mantine-color-success-6);--mantine-color-success-filled-hover: var(--mantine-color-success-7);--mantine-color-success-light: #f2fff9;--mantine-color-success-light-hover: #f2fff9;--mantine-color-success-light-color: var(--mantine-color-success-6);--mantine-color-success-outline: var(--mantine-color-success-6);--mantine-color-success-outline-hover: rgba(18, 163, 68, 0.05);--mantine-color-purple-text: var(--mantine-color-purple-filled);--mantine-color-purple-filled: var(--mantine-color-purple-6);--mantine-color-purple-filled-hover: var(--mantine-color-purple-7);--mantine-color-purple-light: #f2ebf3;--mantine-color-purple-light-hover: #dabfe9;--mantine-color-purple-light-color: var(--mantine-color-purple-6);--mantine-color-purple-outline: var(--mantine-color-purple-6);--mantine-color-purple-outline-hover: rgba(69, 28, 92, 0.05);}
-  </style>
   <style
     data-mantine-styles="classes"
   >
     @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
   </style>
   <div
-    class="_root_69e643 mantine-PlasmaHeader-root m-4081bf90 mantine-Group-root"
+    class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
     data-variant="primary"
     style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
   >
     <div
-      class="m-6d731127 mantine-Stack-root"
+      class="m_6d731127 mantine-Stack-root"
       style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
     >
       <div
-        class="m-8b3717df mantine-Breadcrumbs-root"
+        class="m_8b3717df mantine-Breadcrumbs-root"
       >
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -33,12 +28,12 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
           One
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -46,12 +41,12 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
           Two
         </a>
         <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m-3b8f2208 mantine-Breadcrumbs-separator"
+          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
         >
           /
         </div>
         <a
-          class="mantine-focus-auto _root_a623ec m-849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m-f678d540 mantine-Breadcrumbs-breadcrumb m-b6d8b162 mantine-Text-root mantine-Anchor-root"
+          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
           color="action.6"
           data-underline="hover"
           style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
@@ -60,7 +55,7 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         </a>
       </div>
       <h1
-        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m-8a5d1357 mantine-Title-root"
+        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
         data-order="1"
         data-variant="primary"
         style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
@@ -68,7 +63,7 @@ exports[`Header > renders the specified breadcrumbs above the title 1`] = `
         Title
       </h1>
       <p
-        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m-b6d8b162 mantine-Text-root"
+        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
         data-size="md"
         style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
       />

package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts

@@ -1,8 +1,16 @@
-import { Factory, StylesApiProps } from '@mantine/core';
-import { MantineComponent } from '@mantine/core/lib/core/factory/factory';
+import { Factory, MantineComponent, StylesApiProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { InlineConfirmPrompt } from './InlineConfirmPrompt';
 import { InlineConfirmTarget } from './InlineConfirmTarget';
+/**
+ * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop
+ */
+export interface InlineConfirmComponentsProps {
+    /**
+     * Unique id to map the prompt to the target
+     */
+    inlineConfirmId: string;
+}
 export interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {
     /**
      * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids

package/dist/cjs/components/inline-confirm/InlineConfirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,KAAK;sBACQ;QACd,MAAM,EAAE,0BAA0B,CAAC;QACnC,MAAM,EAAE,0BAA0B,CAAC;KACtC;EAoBuC,CAAC"}
+{"version":3,"file":"InlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAW,MAAM,eAAe,CAAC;AAClF,OAAO,EAAyB,SAAS,EAAW,MAAM,OAAO,CAAC;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,KAAK,CAAC;IACX,gBAAgB,EAAE;QACd,MAAM,EAAE,OAAO,mBAAmB,CAAC;QACnC,MAAM,EAAE,OAAO,mBAAmB,CAAC;KACtC,CAAC;CACL,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,KAAK;sBACQ;QACd,MAAM,EAAE,0BAA0B,CAAC;QACnC,MAAM,EAAE,0BAA0B,CAAC;KACtC;EAmBuC,CAAC"}

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

@@ -21,7 +21,8 @@ var InlineConfirm = function(_props) {
     var _useState = _sliced_to_array._((0, _react.useState)(null), 2), confirmingId = _useState[0], setConfirmingId = _useState[1];
     var convertedChildren = _react.Children.toArray(children);
     var prompt = convertedChildren.find(function(child) {
-        return child.type === _InlineConfirmPrompt.InlineConfirmPrompt && child.props.id === confirmingId;
+        var _child_props;
+        return child.type !== _InlineConfirmTarget.InlineConfirmTarget && ((_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.inlineConfirmId) === confirmingId;
     });
     var clearConfirm = function() {
         return setConfirmingId(null);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, StylesApiProps, useProps} from '@mantine/core';\nimport {MantineComponent} from '@mantine/core/lib/core/factory/factory';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n    /**\n     * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n     */\n    children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n    props: InlineConfirmProps;\n    ref: never;\n    staticComponents: {\n        Prompt: typeof InlineConfirmPrompt;\n        Target: typeof InlineConfirmTarget;\n    };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n    const {children} = useProps('InlineConfirm', defaultProps, _props);\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        <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmProvider>\n    );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmProvider","value","Prompt","Target","InlineConfirmTarget"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BaA;;;eAAAA;;;;;oBA1BmC;qBAEU;oCACtB;mCACF;mCAEA;AAkBlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,SAACE;IAC3B,IAAM,AAACC,WAAYC,IAAAA,cAAQ,EAAC,iBAAiBH,cAAcC,QAApDC;IACP,IAAwCE,+BAAAA,IAAAA,eAAQ,EAAgB,WAAzDC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAC3C,IAAMQ,SAASH,kBAAkBI,IAAI,CACjC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,MAAMG,KAAK,CAACC,EAAE,KAAKX;;IAExE,IAAMY,eAAe;eAAMX,gBAAgB;;IAE3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGN,wCAAmB;AAC1Cf,cAAcsB,MAAM,GAAGC,wCAAmB"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode, useState} from 'react';\nimport {InlineConfirmProvider} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\nimport {InlineConfirmTarget} from './InlineConfirmTarget';\n\n/**\n * Direct children of InlineConfirm that wraps an InlineConfirm.Prompt need this prop\n */\nexport interface InlineConfirmComponentsProps {\n    /**\n     * Unique id to map the prompt to the target\n     */\n    inlineConfirmId: string;\n}\n\nexport interface InlineConfirmProps extends StylesApiProps<InlineConfirmFactory> {\n    /**\n     * The content of the component. Should contain at least one `InlineConfirm.Target` and one `InlineConfirm.Prompt` with matching ids\n     */\n    children: ReactNode;\n}\n\nexport type InlineConfirmFactory = Factory<{\n    props: InlineConfirmProps;\n    ref: never;\n    staticComponents: {\n        Prompt: typeof InlineConfirmPrompt;\n        Target: typeof InlineConfirmTarget;\n    };\n}>;\n\nconst defaultProps: Partial<InlineConfirmProps> = {};\n\nexport const InlineConfirm = ((_props) => {\n    const {children} = useProps('InlineConfirm', defaultProps, _props);\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 !== InlineConfirmTarget && child.props?.inlineConfirmId === confirmingId,\n    );\n    const clearConfirm = () => setConfirmingId(null);\n    return (\n        <InlineConfirmProvider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmProvider>\n    );\n}) as MantineComponent<InlineConfirmFactory>;\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Target = InlineConfirmTarget;\n"],"names":["InlineConfirm","defaultProps","_props","children","useProps","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmTarget","props","inlineConfirmId","clearConfirm","InlineConfirmProvider","value","Prompt","InlineConfirmPrompt","Target"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmCaA;;;eAAAA;;;;;oBAnCqD;qBACR;oCACtB;mCACF;mCAEA;AA4BlC,IAAMC,eAA4C,CAAC;AAE5C,IAAMD,gBAAiB,SAACE;IAC3B,IAAM,AAACC,WAAYC,IAAAA,cAAQ,EAAC,iBAAiBH,cAAcC,QAApDC;IACP,IAAwCE,+BAAAA,IAAAA,eAAQ,EAAgB,WAAzDC,eAAiCD,cAAnBE,kBAAmBF;IAExC,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAC3C,IAAMQ,SAASH,kBAAkBI,IAAI,CACjC,SAACC;YAAgDA;eAAtCA,MAAMC,IAAI,KAAKC,wCAAmB,IAAIF,EAAAA,eAAAA,MAAMG,KAAK,cAAXH,mCAAAA,aAAaI,eAAe,MAAKX;;IAEtF,IAAMY,eAAe;eAAMX,gBAAgB;;IAC3C,qBACI,qBAACY,2CAAqB;QAACC,OAAO;YAACd,cAAAA;YAAcC,iBAAAA;YAAiBW,cAAAA;QAAY;kBACrEP,mBAAAA,oBAAAA,SAAUR;;AAGvB;AAEAH,cAAcqB,MAAM,GAAGC,wCAAmB;AAC1CtB,cAAcuB,MAAM,GAAGR,wCAAmB"}

package/dist/cjs/components/inline-confirm/InlineConfirmContext.d.ts

@@ -7,6 +7,6 @@ type InlineConfirmContextType = {
 export declare const InlineConfirmProvider: ({ children, value }: {
     value: InlineConfirmContextType;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useInlineConfirm: () => InlineConfirmContextType;
+}) => import("react/jsx-runtime").JSX.Element, useInlineConfirm: () => InlineConfirmContextType;
 export {};
 //# sourceMappingURL=InlineConfirmContext.d.ts.map

package/dist/cjs/components/inline-confirm/InlineConfirmContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmContext.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"names":[],"mappings":";AAEA,KAAK,wBAAwB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAO,qBAAqB;;;mCAAE,gBAAgB,gCAEpD,CAAC"}
+{"version":3,"file":"InlineConfirmContext.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"names":[],"mappings":";AAEA,KAAK,wBAAwB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAO,qBAAqB;;;+CAAE,gBAAgB,gCAEpD,CAAC"}

package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts

@@ -1,10 +1,7 @@
 import { Factory, GroupProps } from '@mantine/core';
 import { ReactElement, ReactNode } from 'react';
-interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {
-    /**
-     * Unique id to map the prompt to the target
-     */
-    id: string;
+import { InlineConfirmComponentsProps } from './InlineConfirm';
+interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {
     /**
      * Label element
      *

package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmPrompt.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAkB,UAAU,EAAsB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAe,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKvE,UAAU,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACnE;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,IAAI,IAAI,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC,CAAC;AAUH,eAAO,MAAM,mBAAmB;WAZrB,wBAAwB;SAC1B,cAAc;EAuDrB,CAAC"}
+{"version":3,"file":"InlineConfirmPrompt.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAkB,UAAU,EAAsB,MAAM,eAAe,CAAC;AACvF,OAAO,EAAe,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAI7D,UAAU,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAAE,4BAA4B;IACjG;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,IAAI,IAAI,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;CACvB,CAAC,CAAC;AAUH,eAAO,MAAM,mBAAmB;WAZrB,wBAAwB;SAC1B,cAAc;EAuDrB,CAAC"}

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

@@ -14,8 +14,8 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
-var _InlineConfirmContext = require("./InlineConfirmContext");
 var _Button = require("../button/Button");
+var _InlineConfirmContext = require("./InlineConfirmContext");
 var defaultProps = {
     label: 'Are you sure?',
     confirm: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
@@ -30,8 +30,8 @@ var defaultProps = {
     wrap: 'nowrap'
 };
 var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
-    var _useProps = (0, _core.useProps)('InlineConfirmPrompt', defaultProps, props), id = _useProps.id, label = _useProps.label, confirm = _useProps.confirm, cancel = _useProps.cancel, onConfirm = _useProps.onConfirm, onCancel = _useProps.onCancel, others = _object_without_properties._(_useProps, [
-        "id",
+    var _useProps = (0, _core.useProps)('InlineConfirmPrompt', defaultProps, props), inlineConfirmId = _useProps.inlineConfirmId, label = _useProps.label, confirm = _useProps.confirm, cancel = _useProps.cancel, onConfirm = _useProps.onConfirm, onCancel = _useProps.onCancel, others = _object_without_properties._(_useProps, [
+        "inlineConfirmId",
         "label",
         "confirm",
         "cancel",
@@ -59,11 +59,11 @@ var InlineConfirmPrompt = (0, _core.factory)(function(props, ref) {
         }
     });
     (0, _react.useEffect)(function() {
-        if (confirmingId !== id) {
+        if (confirmingId !== inlineConfirmId) {
             clearConfirm();
         }
     }, []);
-    if (confirmingId === id) {
+    if (confirmingId === inlineConfirmId) {
         return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({
             ref: ref
         }, others), {

package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\nimport {Button} from '../button/Button';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'> {\n    /**\n     * Unique id to map the prompt to the target\n     */\n    id: string;\n    /**\n     * Label element\n     *\n     * @default Are you sure?\n     */\n    label?: ReactNode;\n    /**\n     * Confirm button element\n     *\n     * @default <Button color=\"red\">Delete</Button>\n     */\n    confirm?: ReactElement;\n    /**\n     * Cancel button element\n     *\n     * @default <Button variant=\"outline\">Cancel</Button>\n     */\n    cancel?: ReactElement;\n    /**\n     * Function called when the confirm button is clicked\n     */\n    onConfirm?(): void;\n\n    /**\n     * Function called when the cancel button is clicked\n     */\n    onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n    props: InlineConfirmPromptProps;\n    ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n    label: 'Are you sure?',\n    confirm: <Button color=\"red\">Delete</Button>,\n    cancel: <Button variant=\"outline\">Cancel</Button>,\n    gap: 'xs',\n    wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n    const {id, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n        'InlineConfirmPrompt',\n        defaultProps,\n        props,\n    );\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    if (!isElement(cancel) || !isElement(confirm)) {\n        throw new Error(\n            'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n        );\n    }\n    const cancelEl = cloneElement(cancel, {\n        onClick: () => {\n            cancel.props.onClick?.();\n            onCancel?.();\n            clearConfirm();\n        },\n    });\n    const confirmEl = cloneElement(confirm, {\n        onClick: () => {\n            confirm.props.onClick?.();\n            onConfirm?.();\n            clearConfirm();\n        },\n    });\n\n    useEffect(() => {\n        if (confirmingId !== id) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === id) {\n        return (\n            <Group ref={ref} {...others}>\n                {label}\n                {confirmEl}\n                {cancelEl}\n            </Group>\n        );\n    }\n    return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","color","cancel","variant","gap","wrap","factory","props","ref","useProps","id","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;oBArD0D;qBACR;oCAEhC;sBACV;AAyCrB,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM;QAACC,OAAM;kBAAM;;IAC7BC,sBAAQ,qBAACF,cAAM;QAACG,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAqEC,YAAAA,IAAAA,cAAQ,EACzE,uBACAZ,cACAU,QAHGG,KAA8DD,UAA9DC,IAAIZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA9DC;QAAIZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK9C,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n    /**\n     * Label element\n     *\n     * @default Are you sure?\n     */\n    label?: ReactNode;\n    /**\n     * Confirm button element\n     *\n     * @default <Button color=\"red\">Delete</Button>\n     */\n    confirm?: ReactElement;\n    /**\n     * Cancel button element\n     *\n     * @default <Button variant=\"outline\">Cancel</Button>\n     */\n    cancel?: ReactElement;\n    /**\n     * Function called when the confirm button is clicked\n     */\n    onConfirm?(): void;\n\n    /**\n     * Function called when the cancel button is clicked\n     */\n    onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n    props: InlineConfirmPromptProps;\n    ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n    label: 'Are you sure?',\n    confirm: <Button color=\"red\">Delete</Button>,\n    cancel: <Button variant=\"outline\">Cancel</Button>,\n    gap: 'xs',\n    wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n    const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n        'InlineConfirmPrompt',\n        defaultProps,\n        props,\n    );\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    if (!isElement(cancel) || !isElement(confirm)) {\n        throw new Error(\n            'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n        );\n    }\n    const cancelEl = cloneElement(cancel, {\n        onClick: () => {\n            cancel.props.onClick?.();\n            onCancel?.();\n            clearConfirm();\n        },\n    });\n    const confirmEl = cloneElement(confirm, {\n        onClick: () => {\n            confirm.props.onClick?.();\n            onConfirm?.();\n            clearConfirm();\n        },\n    });\n\n    useEffect(() => {\n        if (confirmingId !== inlineConfirmId) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === inlineConfirmId) {\n        return (\n            <Group ref={ref} {...others}>\n                {label}\n                {confirmEl}\n                {cancelEl}\n            </Group>\n        );\n    }\n    return null;\n});\n"],"names":["InlineConfirmPrompt","defaultProps","label","confirm","Button","color","cancel","variant","gap","wrap","factory","props","ref","useProps","inlineConfirmId","onConfirm","onCancel","others","useInlineConfirm","confirmingId","clearConfirm","isElement","Error","cancelEl","cloneElement","onClick","confirmEl","useEffect","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;oBAlD0D;qBACR;sBAC1C;oCAGU;AAqC/B,IAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,qBAACC,cAAM;QAACC,OAAM;kBAAM;;IAC7BC,sBAAQ,qBAACF,cAAM;QAACG,SAAQ;kBAAU;;IAClCC,KAAK;IACLC,MAAM;AACV;AAEO,IAAMT,sBAAsBU,IAAAA,aAAO,EAA6B,SAACC,OAAOC;IAC3E,IAAkFC,YAAAA,IAAAA,cAAQ,EACtF,uBACAZ,cACAU,QAHGG,kBAA2ED,UAA3EC,iBAAiBZ,QAA0DW,UAA1DX,OAAOC,UAAmDU,UAAnDV,SAASG,SAA0CO,UAA1CP,QAAQS,YAAkCF,UAAlCE,WAAWC,WAAuBH,UAAvBG,UAAaC,sCAAUJ;QAA3EC;QAAiBZ;QAAOC;QAASG;QAAQS;QAAWC;;IAK3D,IAAqCE,oBAAAA,IAAAA,sCAAgB,KAA9CC,eAA8BD,kBAA9BC,cAAcC,eAAgBF,kBAAhBE;IAErB,IAAI,CAACC,IAAAA,eAAS,EAACf,WAAW,CAACe,IAAAA,eAAS,EAAClB,UAAU;QAC3C,MAAM,IAAImB,MACN;IAER;IACA,IAAMC,yBAAWC,IAAAA,mBAAY,EAAClB,QAAQ;QAClCmB,SAAS;gBACLnB,uBAAAA;aAAAA,wBAAAA,CAAAA,gBAAAA,OAAOK,KAAK,EAACc,OAAO,cAApBnB,4CAAAA,2BAAAA;YACAU,qBAAAA,+BAAAA;YACAI;QACJ;IACJ;IACA,IAAMM,0BAAYF,IAAAA,mBAAY,EAACrB,SAAS;QACpCsB,SAAS;gBACLtB,wBAAAA;aAAAA,yBAAAA,CAAAA,iBAAAA,QAAQQ,KAAK,EAACc,OAAO,cAArBtB,6CAAAA,4BAAAA;YACAY,sBAAAA,gCAAAA;YACAK;QACJ;IACJ;IAEAO,IAAAA,gBAAS,EAAC;QACN,IAAIR,iBAAiBL,iBAAiB;YAClCM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,iBAAiB;QAClC,qBACI,sBAACc,WAAK;YAAChB,KAAKA;WAASK;;gBAChBf;gBACAwB;gBACAH;;;IAGb;IACA,OAAO;AACX"}

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts

@@ -1,7 +1,7 @@
 import { MouseEventHandler } from 'react';
 import { ButtonProps } from '../button';
-export interface InlineConfirmTargetProps extends ButtonProps {
-    id: string;
+import { InlineConfirmComponentsProps } from './InlineConfirm';
+export interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import("@mantine/core").PolymorphicComponentProps<C_1, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAe/B,CAAC"}
+{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAoB/B,CAAC"}

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js

@@ -16,14 +16,14 @@ var _react = require("react");
 var _button = require("../button");
 var _InlineConfirmContext = require("./InlineConfirmContext");
 var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var onClick = _param.onClick, id = _param.id, tmp = _param.component, Component = tmp === void 0 ? _button.Button : tmp, others = _object_without_properties._(_param, [
+    var onClick = _param.onClick, inlineConfirmId = _param.inlineConfirmId, tmp = _param.component, Component = tmp === void 0 ? _button.Button : tmp, others = _object_without_properties._(_param, [
         "onClick",
-        "id",
+        "inlineConfirmId",
         "component"
     ]);
     var setConfirmingId = (0, _InlineConfirmContext.useInlineConfirm)().setConfirmingId;
     var handleOnClick = function(e) {
-        setConfirmingId(id);
+        setConfirmingId(inlineConfirmId);
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread._({

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n    forwardRef(\n        (\n            {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n            ref,\n        ) => {\n            const {setConfirmingId} = useInlineConfirm();\n            const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n                setConfirmingId(id);\n                onClick?.(e);\n            };\n\n            return <Component ref={ref} onClick={handleOnClick} {...others} />;\n        },\n    ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;QACzDH,gBAAgBL;QAChBD,oBAAAA,8BAAAA,QAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps, InlineConfirmComponentsProps {\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n    forwardRef(\n        (\n            {\n                onClick,\n                inlineConfirmId,\n                component: Component = Button,\n                ...others\n            }: InlineConfirmTargetProps & {component?: any},\n            ref,\n        ) => {\n            const {setConfirmingId} = useInlineConfirm();\n            const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n                setConfirmingId(inlineConfirmId);\n                onClick?.(e);\n            };\n\n            return <Component ref={ref} onClick={handleOnClick} {...others} />;\n        },\n    ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","inlineConfirmId","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCAEH;AAMxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAOIC;QALIC,iBAAAA,SACAC,yBAAAA,iBACWC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KACRG;QAHHL;QACAC;QACAE;;IAKJ,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;QACzDH,gBAAgBL;QAChBD,oBAAAA,8BAAAA,QAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}

package/dist/cjs/components/menu/Menu.d.ts

@@ -3,7 +3,7 @@ import { Menu as MantineMenu, MenuItemProps as MantineMenuItemProps } from '@man
 import { ButtonWithDisabledTooltipProps } from '../button';
 export interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {
 }
-export declare const Menu: ((_props: import("@mantine/core").MenuProps) => import("react").JSX.Element) & typeof MantineMenu & {
+export declare const Menu: ((_props: import("@mantine/core").MenuProps) => import("react/jsx-runtime").JSX.Element) & typeof MantineMenu & {
     displayName: string;
     Item: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(MenuItemProps & {
         component?: any;