@coveord/plasma-mantine 55.6.0 → 55.7.1

package/dist/esm/components/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    Modal,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof PromptFooter;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footer}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AACjG,SAAQC,YAAY,QAAO,iBAAiB;AAqC5C,MAAMC,2BAA0D;IAC5DC,SAASR;IACTS,SAASR;IACTS,UAAUZ;IACVa,MAAMZ;AACV;AAEA,MAAMa,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACApB;QACAuB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBvC,SAASwC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKnC;IACzE,MAAMoC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKnC;IAEhE,qBACI,KAACJ;QAAsB0C,OAAO;YAAC/B;YAASoB;QAAS;kBAC7C,cAAA,MAACvC,MAAMmD,IAAI;YAACvB,KAAKA;YAAKT,SAAQ;YAASiC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACvC,MAAMqD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACzC,MAAMsD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACzC,MAAMuD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACGyD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK7C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM2D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC9B,MAAM4D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACzC,MAAM6D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGpD;AACtBgB,OAAOqC,aAAa,GAAGpD;AACvBe,OAAOsC,MAAM,GAAGpD"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof Modal.Footer;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Modal.Footer ? footers : otherChildren).push(child);\n    });\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,KAAK,QAAO,WAAW;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCxC,SAASyC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,qBACI,KAACpC;QAAsBwC,OAAO;YAAC9B;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAM8C,IAAI;YAACtB,KAAKA;YAAKT,SAAQ;YAASgC,MAAK;YAAM,GAAGb,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMgD,OAAO;oBAAE,GAAGb,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMiD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMkD,MAAM;4BAAE,GAAGf,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGuD,KAAI;oCACJC,MAAK;oCACJ,GAAGjB,UAAU,QAAQE,eAAe;oCACrCgB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACf,MAAMsD,KAAK;oCAAE,GAAGnB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC1B,MAAMuD,WAAW;oCAAE,GAAGpB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAMwD,IAAI;4BAAE,GAAGrB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOmC,YAAY,GAAGlD;AACtBe,OAAOoC,aAAa,GAAGlD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}

package/dist/esm/components/sticky-footer/StickyFooter.d.ts

@@ -14,6 +14,8 @@ export interface StickyFooterProps extends Omit<GroupProps, 'classNames' | 'styl
      *
      * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.
      * It also adds a border on top of the footer.
+     *
+     * @deprecated Use Modal.Footer from @coveord/plasma-mantine/Modal for modal footers. For other cases, the 'default' variant should suffice.
      */
     variant?: 'default' | 'modal-footer';
 }

package/dist/esm/components/sticky-footer/StickyFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAS,UAAU,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAClE,cAAc,CAAC,mBAAmB,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACxC;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY;WAVd,iBAAiB;SACnB,cAAc;iBACN,uBAAuB;EAoCtC,CAAC"}
+{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAS,UAAU,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EAClE,cAAc,CAAC,mBAAmB,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACxC;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY;WAVd,iBAAiB;SACnB,cAAc;iBACN,uBAAuB;EAoCtC,CAAC"}

package/dist/esm/components/sticky-footer/StickyFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        StylesApiProps<StickyFooterFactory> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n    /**\n     * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.\n     *\n     * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.\n     * It also adds a border on top of the footer.\n     */\n    variant?: 'default' | 'modal-footer';\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n    props: StickyFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    gap: 'sm',\n    justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n    const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n        useProps('StickyFooter', defaultProps, props);\n    const getStyles = useStyles<StickyFooterFactory>({\n        name: 'StickyFooter',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const css = getStyles('root');\n\n    return (\n        <Group\n            justify={justify}\n            gap={gap}\n            className={clsx(css.className, {[classes.border]: !!borderTop})}\n            style={css.style}\n            ref={ref}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["Group","factory","useProps","useStyles","clsx","classes","defaultProps","gap","justify","StickyFooter","props","ref","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","css","border"],"mappings":";AAAA,SAAiBA,KAAK,EAA8BC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AACvG,OAAOC,UAAU,OAAO;AAExB,OAAOC,aAAa,4BAA4B;AA8BhD,MAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEA,OAAO,MAAMC,eAAeR,QAA6B,CAACS,OAAOC;IAC7D,MAAM,EAACC,SAAS,EAAEJ,OAAO,EAAED,GAAG,EAAEM,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GACtGlB,SAAS,gBAAgBI,cAAcI;IAC3C,MAAMW,YAAYlB,UAA+B;QAC7CmB,MAAM;QACNjB;QACAK;QACAI;QACAE;QACAD;QACAE;QACAC;IACJ;IAEA,MAAMK,MAAMF,UAAU;IAEtB,qBACI,KAACrB;QACGQ,SAASA;QACTD,KAAKA;QACLO,WAAWV,KAAKmB,IAAIT,SAAS,EAAE;YAAC,CAACT,QAAQmB,MAAM,CAAC,EAAE,CAAC,CAACZ;QAAS;QAC7DI,OAAOO,IAAIP,KAAK;QAChBL,KAAKA;QACJ,GAAGS,MAAM;kBAETP;;AAGb,GAAG"}
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        StylesApiProps<StickyFooterFactory> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n    /**\n     * Use variant 'modal-footer' when rendering the `StickyFooter` inside `Modal`.\n     *\n     * The 'modal-footer' removes the modal's default padding so that the footer properly hugs the bottom of the modal.\n     * It also adds a border on top of the footer.\n     *\n     * @deprecated Use Modal.Footer from @coveord/plasma-mantine/Modal for modal footers. For other cases, the 'default' variant should suffice.\n     */\n    variant?: 'default' | 'modal-footer';\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n    props: StickyFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    gap: 'sm',\n    justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n    const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n        useProps('StickyFooter', defaultProps, props);\n    const getStyles = useStyles<StickyFooterFactory>({\n        name: 'StickyFooter',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const css = getStyles('root');\n\n    return (\n        <Group\n            justify={justify}\n            gap={gap}\n            className={clsx(css.className, {[classes.border]: !!borderTop})}\n            style={css.style}\n            ref={ref}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["Group","factory","useProps","useStyles","clsx","classes","defaultProps","gap","justify","StickyFooter","props","ref","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","css","border"],"mappings":";AAAA,SAAiBA,KAAK,EAA8BC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AACvG,OAAOC,UAAU,OAAO;AAExB,OAAOC,aAAa,4BAA4B;AAgChD,MAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEA,OAAO,MAAMC,eAAeR,QAA6B,CAACS,OAAOC;IAC7D,MAAM,EAACC,SAAS,EAAEJ,OAAO,EAAED,GAAG,EAAEM,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GACtGlB,SAAS,gBAAgBI,cAAcI;IAC3C,MAAMW,YAAYlB,UAA+B;QAC7CmB,MAAM;QACNjB;QACAK;QACAI;QACAE;QACAD;QACAE;QACAC;IACJ;IAEA,MAAMK,MAAMF,UAAU;IAEtB,qBACI,KAACrB;QACGQ,SAASA;QACTD,KAAKA;QACLO,WAAWV,KAAKmB,IAAIT,SAAS,EAAE;YAAC,CAACT,QAAQmB,MAAM,CAAC,EAAE,CAAC,CAACZ;QAAS;QAC7DI,OAAOO,IAAIP,KAAK;QAChBL,KAAKA;QACJ,GAAGS,MAAM;kBAETP;;AAGb,GAAG"}

package/dist/esm/components/table/use-url-synced-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAyC7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,WAAW,wBAAwB,CAAC,CAAC,CAAC,8CA+CxE,CAAC"}
+{"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAuD7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,WAAW,wBAAwB,CAAC,CAAC,CAAC,8CAmDxE,CAAC"}

package/dist/esm/components/table/use-url-synced-state.js

@@ -1,20 +1,25 @@
 import { useMemo, useState } from 'react';
+const slice = Function.prototype.call.bind(Array.prototype.slice);
 /**
- * Get the index of the ? in a URL that denotes the start of the "search".
- * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.
+ * Split a url into its parts.
  *
- * @param url The URL to search.
- * @returns The location of the question mark, or `-1` if not found.
- */ const indexOfSearch = (url)=>url.indexOf('?', url.indexOf('#/') + 1);
+ * @param href The url to extract the parts from.
+ * @returns The separate parts, all are an empty string if not present.
+ */ const extractParts = (href)=>slice(/^([^?#]*)(\?[^#]*|)(#[^?]*|)(\?.*|)$/.exec(href ?? ''), 1, 5);
+/**
+ * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').
+ *
+ * @param parts: The url parts, as returned by `extractParts`.
+ * @returns The index of the search parameter to use (1 or 3).
+ */ const searchIndex = (parts)=>/^#\//.test(parts[2]) ? 3 : 1;
 /**
  * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.
  * Also returns a method that will yield the href (string) value, after any changes made on the params object.
  *
  * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.
  */ const getSearchParams = ()=>{
-    const href = window.location.href;
-    const searchStart = indexOfSearch(href);
-    return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));
+    const parts = extractParts(window.location.href);
+    return new URLSearchParams(parts[searchIndex(parts)]);
 };
 /**
  * Apply the search params to the current location, using `replaceState` (no navigation history).
@@ -23,13 +28,12 @@ import { useMemo, useState } from 'react';
  * @param params The parameters to apply.
  */ const applySearchParams = (params)=>{
     const currentHref = window.location.href;
-    const index = indexOfSearch(currentHref);
-    let nextHref = index < 0 ? currentHref : currentHref.substring(0, index);
-    if (params.size > 0) {
-        nextHref = nextHref.concat('?', params.toString());
-    }
-    if (nextHref !== currentHref) {
-        window.history.replaceState(null, '', nextHref);
+    const parts = extractParts(currentHref);
+    const search = params.size > 0 ? `?${params.toString()}` : '';
+    const index = searchIndex(parts);
+    if (parts[index] !== search) {
+        parts[index] = search;
+        window.history.replaceState(null, '', parts.join(''));
     }
 };
 const getInitialState = (options)=>options.initialState instanceof Function ? options.initialState() : options.initialState;
@@ -43,14 +47,18 @@ export const useUrlSyncedState = (options)=>{
     const initialStateSerialized = useMemo(()=>{
         const stateMap = new Map();
         let initialize = null;
+        let needsApply = false;
         for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))){
             stateMap.set(key, value);
-            if (alwaysEmit && value) {
+            if (sync && alwaysEmit && value) {
                 initialize ?? (initialize = getSearchParams());
-                initialize.set(key, value);
+                if (!initialize.has(key)) {
+                    needsApply = true;
+                    initialize.set(key, value);
+                }
             }
         }
-        if (initialize) {
+        if (needsApply) {
             applySearchParams(initialize);
         }
         return stateMap;

package/dist/esm/components/table/use-url-synced-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/**\n * Get the index of the ? in a URL that denotes the start of the \"search\".\n * Performs a nested search for '#/', to detect hash router urls and take the params of the hash in that case.\n *\n * @param url The URL to search.\n * @returns The location of the question mark, or `-1` if not found.\n */\nconst indexOfSearch = (url: string): number => url.indexOf('?', url.indexOf('#/') + 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n    const href = window.location.href;\n    const searchStart = indexOfSearch(href);\n    return new URLSearchParams(searchStart < 0 ? undefined : href.substring(searchStart));\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n    const currentHref = window.location.href;\n    const index = indexOfSearch(currentHref);\n    let nextHref = index < 0 ? currentHref : currentHref.substring(0, index);\n    if (params.size > 0) {\n        nextHref = nextHref.concat('?', params.toString());\n    }\n    if (nextHref !== currentHref) {\n        window.history.replaceState(null, '', nextHref);\n    }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n    /**\n     * The initial state to use, if there would be no search params to deserialize from.\n     * These values are also treated as defaults, and if the current state matches the initialState,\n     * no value will be written to the search params.\n     */\n    initialState: T | (() => T);\n    /**\n     * The serializer function is used to determine how the state is translated to url search parameters.\n     * Called each time the state changes.\n     * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n     * This ensures params get removed from the search when they are being unset.\n     *\n     * @param stateValue The new state value to serialize.\n     * @returns An iterable of `[key, value]` to set as url search parameters.\n     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n     */\n    serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n    /**\n     * The deserializer function is used to determine how the url parameters influence the initial state.\n     * May return a partial state, values that are not deserialed are taken from the `initialState`.\n     * Called only once when initializing the state.\n     * @param params All the search parameters of the current url.\n     * @param initialState The initialState, can be used to take defaults from.\n     * @returns The initial state based on the current url.\n     * @example (params) => params.get('filter') ?? '',\n     */\n    deserializer: (params: URLSearchParams, initialState: T) => T;\n    /**\n     * Whether the state should be synced with the url, defaults to `true`.\n     * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n     */\n    sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n    options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n    const sync = options.sync !== false;\n    const [state, setState] = useState<T>(() => {\n        const initialState = getInitialState(options);\n        return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n    });\n    // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n    const initialStateSerialized = useMemo(() => {\n        const stateMap = new Map<string, string>();\n        let initialize: URLSearchParams | null = null;\n        for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n            stateMap.set(key, value);\n            if (alwaysEmit && value) {\n                initialize ??= getSearchParams();\n                initialize.set(key, value);\n            }\n        }\n        if (initialize) {\n            applySearchParams(initialize);\n        }\n        return stateMap;\n    }, []);\n\n    const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n        if (!sync) {\n            return setState;\n        }\n        return (updater: SetStateAction<T>) => {\n            setState((old) => {\n                const newValue = updater instanceof Function ? updater(old) : updater;\n\n                const search = getSearchParams();\n                for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n                    if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n                        search.set(key, value);\n                    } else {\n                        search.delete(key);\n                    }\n                }\n                applySearchParams(search);\n\n                return newValue;\n            });\n        };\n    }, [sync]);\n\n    return [state, enhancedSetState] as const;\n};\n"],"names":["useMemo","useState","indexOfSearch","url","indexOf","getSearchParams","href","window","location","searchStart","URLSearchParams","undefined","substring","applySearchParams","params","currentHref","index","nextHref","size","concat","toString","history","replaceState","getInitialState","options","initialState","Function","useUrlSyncedState","sync","state","setState","deserializer","initialStateSerialized","stateMap","Map","initialize","key","value","alwaysEmit","serializer","set","enhancedSetState","updater","old","newValue","search","Object","is","get","delete"],"mappings":"AAAA,SAAkCA,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAUlE;;;;;;CAMC,GACD,MAAMC,gBAAgB,CAACC,MAAwBA,IAAIC,OAAO,CAAC,KAAKD,IAAIC,OAAO,CAAC,QAAQ;AAEpF;;;;;CAKC,GACD,MAAMC,kBAAkB;IACpB,MAAMC,OAAOC,OAAOC,QAAQ,CAACF,IAAI;IACjC,MAAMG,cAAcP,cAAcI;IAClC,OAAO,IAAII,gBAAgBD,cAAc,IAAIE,YAAYL,KAAKM,SAAS,CAACH;AAC5E;AAEA;;;;;CAKC,GACD,MAAMI,oBAAoB,CAACC;IACvB,MAAMC,cAAcR,OAAOC,QAAQ,CAACF,IAAI;IACxC,MAAMU,QAAQd,cAAca;IAC5B,IAAIE,WAAWD,QAAQ,IAAID,cAAcA,YAAYH,SAAS,CAAC,GAAGI;IAClE,IAAIF,OAAOI,IAAI,GAAG,GAAG;QACjBD,WAAWA,SAASE,MAAM,CAAC,KAAKL,OAAOM,QAAQ;IACnD;IACA,IAAIH,aAAaF,aAAa;QAC1BR,OAAOc,OAAO,CAACC,YAAY,CAAC,MAAM,IAAIL;IAC1C;AACJ;AAqCA,MAAMM,kBAAkB,CAAIC,UACxBA,QAAQC,YAAY,YAAYC,WAAWF,QAAQC,YAAY,KAAKD,QAAQC,YAAY;AAE5F,OAAO,MAAME,oBAAoB,CAAIH;IACjC,MAAMI,OAAOJ,QAAQI,IAAI,KAAK;IAC9B,MAAM,CAACC,OAAOC,SAAS,GAAG7B,SAAY;QAClC,MAAMwB,eAAeF,gBAAgBC;QACrC,OAAOI,OAAOJ,QAAQO,YAAY,CAAC1B,mBAAmBoB,gBAAgBA;IAC1E;IACA,0HAA0H;IAC1H,MAAMO,yBAAyBhC,QAAQ;QACnC,MAAMiC,WAAW,IAAIC;QACrB,IAAIC,aAAqC;QACzC,KAAK,MAAM,CAACC,KAAKC,OAAOC,WAAW,IAAId,QAAQe,UAAU,CAAChB,gBAAgBC,UAAW;YACjFS,SAASO,GAAG,CAACJ,KAAKC;YAClB,IAAIC,cAAcD,OAAO;gBACrBF,eAAAA,aAAe9B;gBACf8B,WAAWK,GAAG,CAACJ,KAAKC;YACxB;QACJ;QACA,IAAIF,YAAY;YACZtB,kBAAkBsB;QACtB;QACA,OAAOF;IACX,GAAG,EAAE;IAEL,MAAMQ,mBAAmBzC,QAAqC;QAC1D,IAAI,CAAC4B,MAAM;YACP,OAAOE;QACX;QACA,OAAO,CAACY;YACJZ,SAAS,CAACa;gBACN,MAAMC,WAAWF,mBAAmBhB,WAAWgB,QAAQC,OAAOD;gBAE9D,MAAMG,SAASxC;gBACf,KAAK,MAAM,CAAC+B,KAAKC,OAAOC,WAAW,IAAId,QAAQe,UAAU,CAACK,UAAW;oBACjE,IAAIP,SAAUC,CAAAA,cAAc,CAACQ,OAAOC,EAAE,CAACf,uBAAuBgB,GAAG,CAACZ,MAAMC,MAAK,GAAI;wBAC7EQ,OAAOL,GAAG,CAACJ,KAAKC;oBACpB,OAAO;wBACHQ,OAAOI,MAAM,CAACb;oBAClB;gBACJ;gBACAvB,kBAAkBgC;gBAElB,OAAOD;YACX;QACJ;IACJ,GAAG;QAAChB;KAAK;IAET,OAAO;QAACC;QAAOY;KAAiB;AACpC,EAAE"}
+{"version":3,"sources":["../../../../src/components/table/use-url-synced-state.ts"],"sourcesContent":["import {Dispatch, SetStateAction, useMemo, useState} from 'react';\n\n/**\n * A search param entry defines the encoded value of a search parameter as `[key, value, alwaysEmit?]`.\n * The third entry is an optional boolean that defaults to `false`.\n * Setting `alwaysEmit` to `true` means any non-nullish value is always written to the search params,\n * even if it matches the initial value. It is also written on initialization.\n */\nexport type SearchParamEntry = [string, string | null | undefined, boolean?];\n\n/** A URL split into an array of length 4, as [pathname, search, hash, hashSearch] */\ntype UrlParts = [string, string, string, string];\n\nconst slice = Function.prototype.call.bind(Array.prototype.slice) as <T>(\n    from: ArrayLike<T>,\n    start?: number,\n    end?: number,\n) => T[];\n\n/**\n * Split a url into its parts.\n *\n * @param href The url to extract the parts from.\n * @returns The separate parts, all are an empty string if not present.\n */\nconst extractParts = (href: string) => slice(/^([^?#]*)(\\?[^#]*|)(#[^?]*|)(\\?.*|)$/.exec(href ?? ''), 1, 5) as UrlParts;\n\n/**\n * The index of the search parameter to use, e.g. hashSearch for hash routes (hash starts with '#/').\n *\n * @param parts: The url parts, as returned by `extractParts`.\n * @returns The index of the search parameter to use (1 or 3).\n */\nconst searchIndex = (parts: UrlParts): 1 | 3 => (/^#\\//.test(parts[2]) ? 3 : 1);\n\n/**\n * Read the **current** search params from `window.location`, with support for detecting React's HashRouter.\n * Also returns a method that will yield the href (string) value, after any changes made on the params object.\n *\n * @returns The `URLSearchParams` instance, and a function that can be used to get an updated href.\n */\nconst getSearchParams = (): URLSearchParams => {\n    const parts = extractParts(window.location.href);\n    return new URLSearchParams(parts[searchIndex(parts)]);\n};\n\n/**\n * Apply the search params to the current location, using `replaceState` (no navigation history).\n * Note that only parameters in the `params` argument will be set, any other current params will be removed.\n *\n * @param params The parameters to apply.\n */\nconst applySearchParams = (params: URLSearchParams): void => {\n    const currentHref = window.location.href;\n    const parts = extractParts(currentHref);\n    const search = params.size > 0 ? `?${params.toString()}` : '';\n    const index = searchIndex(parts);\n    if (parts[index] !== search) {\n        parts[index] = search;\n        window.history.replaceState(null, '', parts.join(''));\n    }\n};\n\nexport interface UseUrlSyncedStateOptions<T> {\n    /**\n     * The initial state to use, if there would be no search params to deserialize from.\n     * These values are also treated as defaults, and if the current state matches the initialState,\n     * no value will be written to the search params.\n     */\n    initialState: T | (() => T);\n    /**\n     * The serializer function is used to determine how the state is translated to url search parameters.\n     * Called each time the state changes.\n     * Note that the serializer should always return entries for keys it controls, also if the current value is \"unset\" (`null` or empty).\n     * This ensures params get removed from the search when they are being unset.\n     *\n     * @param stateValue The new state value to serialize.\n     * @returns An iterable of `[key, value]` to set as url search parameters.\n     * @example (filterValue) => [['filter', filterValue]] // ?filter=filterValue\n     */\n    serializer: (stateValue: T) => Iterable<SearchParamEntry>;\n    /**\n     * The deserializer function is used to determine how the url parameters influence the initial state.\n     * May return a partial state, values that are not deserialed are taken from the `initialState`.\n     * Called only once when initializing the state.\n     * @param params All the search parameters of the current url.\n     * @param initialState The initialState, can be used to take defaults from.\n     * @returns The initial state based on the current url.\n     * @example (params) => params.get('filter') ?? '',\n     */\n    deserializer: (params: URLSearchParams, initialState: T) => T;\n    /**\n     * Whether the state should be synced with the url, defaults to `true`.\n     * When set to `false`, the hook behaves just like a regular `useState` hook from react.\n     */\n    sync?: boolean;\n}\n\nconst getInitialState = <T>(options: UseUrlSyncedStateOptions<T>): T =>\n    options.initialState instanceof Function ? options.initialState() : options.initialState;\n\nexport const useUrlSyncedState = <T>(options: UseUrlSyncedStateOptions<T>) => {\n    const sync = options.sync !== false;\n    const [state, setState] = useState<T>(() => {\n        const initialState = getInitialState(options);\n        return sync ? options.deserializer(getSearchParams(), initialState) : initialState;\n    });\n    // Capture the initial state as a map (first render only!), to compare values and see if they should be set to the params.\n    const initialStateSerialized = useMemo(() => {\n        const stateMap = new Map<string, string>();\n        let initialize: URLSearchParams | null = null;\n        let needsApply = false;\n        for (const [key, value, alwaysEmit] of options.serializer(getInitialState(options))) {\n            stateMap.set(key, value);\n            if (sync && alwaysEmit && value) {\n                initialize ??= getSearchParams();\n                if (!initialize.has(key)) {\n                    needsApply = true;\n                    initialize.set(key, value);\n                }\n            }\n        }\n        if (needsApply) {\n            applySearchParams(initialize);\n        }\n        return stateMap;\n    }, []);\n\n    const enhancedSetState = useMemo<Dispatch<SetStateAction<T>>>(() => {\n        if (!sync) {\n            return setState;\n        }\n        return (updater: SetStateAction<T>) => {\n            setState((old) => {\n                const newValue = updater instanceof Function ? updater(old) : updater;\n\n                const search = getSearchParams();\n                for (const [key, value, alwaysEmit] of options.serializer(newValue)) {\n                    if (value && (alwaysEmit || !Object.is(initialStateSerialized.get(key), value))) {\n                        search.set(key, value);\n                    } else {\n                        search.delete(key);\n                    }\n                }\n                applySearchParams(search);\n\n                return newValue;\n            });\n        };\n    }, [sync]);\n\n    return [state, enhancedSetState] as const;\n};\n"],"names":["useMemo","useState","slice","Function","prototype","call","bind","Array","extractParts","href","exec","searchIndex","parts","test","getSearchParams","window","location","URLSearchParams","applySearchParams","params","currentHref","search","size","toString","index","history","replaceState","join","getInitialState","options","initialState","useUrlSyncedState","sync","state","setState","deserializer","initialStateSerialized","stateMap","Map","initialize","needsApply","key","value","alwaysEmit","serializer","set","has","enhancedSetState","updater","old","newValue","Object","is","get","delete"],"mappings":"AAAA,SAAkCA,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AAalE,MAAMC,QAAQC,SAASC,SAAS,CAACC,IAAI,CAACC,IAAI,CAACC,MAAMH,SAAS,CAACF,KAAK;AAMhE;;;;;CAKC,GACD,MAAMM,eAAe,CAACC,OAAiBP,MAAM,uCAAuCQ,IAAI,CAACD,QAAQ,KAAK,GAAG;AAEzG;;;;;CAKC,GACD,MAAME,cAAc,CAACC,QAA4B,OAAOC,IAAI,CAACD,KAAK,CAAC,EAAE,IAAI,IAAI;AAE7E;;;;;CAKC,GACD,MAAME,kBAAkB;IACpB,MAAMF,QAAQJ,aAAaO,OAAOC,QAAQ,CAACP,IAAI;IAC/C,OAAO,IAAIQ,gBAAgBL,KAAK,CAACD,YAAYC,OAAO;AACxD;AAEA;;;;;CAKC,GACD,MAAMM,oBAAoB,CAACC;IACvB,MAAMC,cAAcL,OAAOC,QAAQ,CAACP,IAAI;IACxC,MAAMG,QAAQJ,aAAaY;IAC3B,MAAMC,SAASF,OAAOG,IAAI,GAAG,IAAI,CAAC,CAAC,EAAEH,OAAOI,QAAQ,IAAI,GAAG;IAC3D,MAAMC,QAAQb,YAAYC;IAC1B,IAAIA,KAAK,CAACY,MAAM,KAAKH,QAAQ;QACzBT,KAAK,CAACY,MAAM,GAAGH;QACfN,OAAOU,OAAO,CAACC,YAAY,CAAC,MAAM,IAAId,MAAMe,IAAI,CAAC;IACrD;AACJ;AAqCA,MAAMC,kBAAkB,CAAIC,UACxBA,QAAQC,YAAY,YAAY3B,WAAW0B,QAAQC,YAAY,KAAKD,QAAQC,YAAY;AAE5F,OAAO,MAAMC,oBAAoB,CAAIF;IACjC,MAAMG,OAAOH,QAAQG,IAAI,KAAK;IAC9B,MAAM,CAACC,OAAOC,SAAS,GAAGjC,SAAY;QAClC,MAAM6B,eAAeF,gBAAgBC;QACrC,OAAOG,OAAOH,QAAQM,YAAY,CAACrB,mBAAmBgB,gBAAgBA;IAC1E;IACA,0HAA0H;IAC1H,MAAMM,yBAAyBpC,QAAQ;QACnC,MAAMqC,WAAW,IAAIC;QACrB,IAAIC,aAAqC;QACzC,IAAIC,aAAa;QACjB,KAAK,MAAM,CAACC,KAAKC,OAAOC,WAAW,IAAId,QAAQe,UAAU,CAAChB,gBAAgBC,UAAW;YACjFQ,SAASQ,GAAG,CAACJ,KAAKC;YAClB,IAAIV,QAAQW,cAAcD,OAAO;gBAC7BH,eAAAA,aAAezB;gBACf,IAAI,CAACyB,WAAWO,GAAG,CAACL,MAAM;oBACtBD,aAAa;oBACbD,WAAWM,GAAG,CAACJ,KAAKC;gBACxB;YACJ;QACJ;QACA,IAAIF,YAAY;YACZtB,kBAAkBqB;QACtB;QACA,OAAOF;IACX,GAAG,EAAE;IAEL,MAAMU,mBAAmB/C,QAAqC;QAC1D,IAAI,CAACgC,MAAM;YACP,OAAOE;QACX;QACA,OAAO,CAACc;YACJd,SAAS,CAACe;gBACN,MAAMC,WAAWF,mBAAmB7C,WAAW6C,QAAQC,OAAOD;gBAE9D,MAAM3B,SAASP;gBACf,KAAK,MAAM,CAAC2B,KAAKC,OAAOC,WAAW,IAAId,QAAQe,UAAU,CAACM,UAAW;oBACjE,IAAIR,SAAUC,CAAAA,cAAc,CAACQ,OAAOC,EAAE,CAAChB,uBAAuBiB,GAAG,CAACZ,MAAMC,MAAK,GAAI;wBAC7ErB,OAAOwB,GAAG,CAACJ,KAAKC;oBACpB,OAAO;wBACHrB,OAAOiC,MAAM,CAACb;oBAClB;gBACJ;gBACAvB,kBAAkBG;gBAElB,OAAO6B;YACX;QACJ;IACJ,GAAG;QAAClB;KAAK;IAET,OAAO;QAACC;QAAOc;KAAiB;AACpC,EAAE"}

package/dist/esm/index.d.ts

@@ -11,7 +11,7 @@ export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
 export { noop };
-export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type TableProps, type TableState, } from './components';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type ModalFactory, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACvD,OAAO,EAAC,KAAK,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAEvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,MAAM,EACN,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QACvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}

package/dist/esm/index.js

@@ -9,7 +9,7 @@ export * from '@tanstack/table-core';
 export * from './components';
 export { noop };
 // explicitly overriding mantine components
-export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, PasswordInput, Select, Table } from './components';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Modal, PasswordInput, Select, Table } from './components';
 export * from './theme';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    PasswordInput,\n    Select,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","PasswordInput","Select","Table"],"mappings":"AAAA,SAA4BA,IAAI,QAAO,gBAAgB;AAIvD,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,aAAa,EACbC,MAAM,EACNC,KAAK,QAQF,eAAe;AAEtB,cAAc,UAAU"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple, noop} from '@mantine/core';\nimport {type RowData} from '@tanstack/table-core';\nimport {type PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Modal,\n    PasswordInput,\n    Select,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type ModalFactory,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Modal","PasswordInput","Select","Table"],"mappings":"AAAA,SAA4BA,IAAI,QAAO,gBAAgB;AAIvD,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,aAAa,EACbC,MAAM,EACNC,KAAK,QASF,eAAe;AAEtB,cAAc,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "55.6.0",
+  "version": "55.7.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -27,57 +27,57 @@
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "dependencies": {
-    "@dnd-kit/core": "6.2.0",
+    "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.22",
     "@monaco-editor/react": "4.6.0",
     "@swc/helpers": "0.5.15",
-    "@tanstack/react-table": "8.20.5",
+    "@tanstack/react-table": "8.20.6",
     "@tanstack/table-core": "8.20.5",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.52.0",
-    "@coveord/plasma-react-icons": "55.4.0",
-    "@coveord/plasma-tokens": "55.4.0"
+    "monaco-editor": "0.52.2",
+    "@coveord/plasma-react-icons": "55.7.1",
+    "@coveord/plasma-tokens": "55.7.1"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.14.3",
-    "@mantine/code-highlight": "7.14.3",
-    "@mantine/core": "7.14.3",
-    "@mantine/dates": "7.14.3",
-    "@mantine/form": "7.14.3",
-    "@mantine/hooks": "7.14.3",
-    "@mantine/modals": "7.14.3",
-    "@mantine/notifications": "7.14.3",
-    "@swc/cli": "0.5.2",
-    "@swc/core": "1.9.3",
+    "@mantine/carousel": "7.16.1",
+    "@mantine/code-highlight": "7.16.1",
+    "@mantine/core": "7.16.1",
+    "@mantine/dates": "7.16.1",
+    "@mantine/form": "7.16.1",
+    "@mantine/hooks": "7.16.1",
+    "@mantine/modals": "7.16.1",
+    "@mantine/notifications": "7.16.1",
+    "@swc/cli": "0.6.0",
+    "@swc/core": "1.10.8",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
+    "@testing-library/react": "16.2.0",
+    "@testing-library/user-event": "14.6.0",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "18.3.18",
+    "@types/react-dom": "18.3.5",
     "embla-carousel-react": "7.1.0",
     "identity-obj-proxy": "3.0.0",
     "jsdom": "26.0.0",
-    "postcss": "8.4.49",
+    "postcss": "8.5.1",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.2.12",
+    "publint": "0.3.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "sass": "1.81.1",
+    "sass": "1.83.4",
     "tslib": "2.8.1",
-    "typescript": "5.7.2",
-    "vitest": "2.1.8"
+    "typescript": "5.7.3",
+    "vitest": "3.0.5"
   },
   "peerDependencies": {
     "@mantine/carousel": "^7.6.1",

package/src/components/code-editor/CodeEditor.tsx

@@ -72,6 +72,12 @@ interface CodeEditorProps
      * @default 'local'
      */
     monacoLoader?: 'cdn' | 'local';
+    /**
+     * Options to pass to the monaco editor.
+     * Currently only supporting [`tabSize`](https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html#tabSize).
+     *
+     */
+    options?: Pick<monacoEditor.IStandaloneEditorConstructionOptions, 'tabSize'>;
 }
 
 const defaultProps: Partial<CodeEditorProps> = {
@@ -101,6 +107,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
         maxHeight,
         disabled,
         monacoLoader,
+        options: {tabSize} = {tabSize: 2},
         ...others
     } = useProps('CodeEditor', defaultProps, props);
     const [loaded, setLoaded] = useState(false);
@@ -230,7 +237,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
                     formatOnPaste: true,
                     fontSize: px(theme.fontSizes.xs) as number,
                     readOnly: disabled,
-                    tabSize: 2,
+                    tabSize,
                 }}
                 value={_value}
                 onChange={handleChange}

package/src/components/index.ts

@@ -10,6 +10,7 @@ export * from './ellipsis-text';
 export * from './header';
 export * from './inline-confirm';
 export * from './menu';
+export * from './modal';
 export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';

package/src/components/modal/Modal.module.css

@@ -0,0 +1,9 @@
+.footer {
+    border-top: 1px solid var(--mantine-color-gray-3);
+}
+
+.modalFooterSticky {
+    padding-bottom: 0;
+    margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
+        calc(-1 * var(--mb-padding));
+}

package/src/components/modal/Modal.tsx

@@ -0,0 +1,33 @@
+import {
+    factory,
+    Modal as MantineModal,
+    ModalFactory as MantineModalFactory,
+    ModalProps as MantineModalProps,
+} from '@mantine/core';
+import {ModalFooter as PlasmaModalFooter} from './ModalFooter';
+
+// Need to redeclare the factory to override and add footer to the props type
+type PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {
+    staticComponents: MantineModalFactory['staticComponents'] & {
+        Footer: typeof PlasmaModalFooter;
+    };
+};
+
+const PlasmaModal = factory<PlasmaModalFactory>((props: MantineModalProps, ref) => (
+    <MantineModal ref={ref} {...props} />
+));
+
+PlasmaModal.displayName = '@coveord/plasma-mantine/Modal';
+PlasmaModal.Root = MantineModal.Root;
+PlasmaModal.Body = MantineModal.Body;
+PlasmaModal.Overlay = MantineModal.Overlay;
+PlasmaModal.Content = MantineModal.Content;
+PlasmaModal.Header = MantineModal.Header;
+PlasmaModal.Title = MantineModal.Title;
+PlasmaModal.CloseButton = MantineModal.CloseButton;
+PlasmaModal.Stack = MantineModal.Stack;
+PlasmaModal.Footer = PlasmaModalFooter;
+
+export const Modal = PlasmaModal;
+
+export type ModalFactory = PlasmaModalFactory;

package/src/components/modal/ModalFooter.tsx

@@ -0,0 +1,47 @@
+import {useRef, useEffect} from 'react';
+import clsx from 'clsx';
+import {Factory, factory} from '@mantine/core';
+import {StickyFooter, StickyFooterProps, StickyFooterStylesNames} from '../sticky-footer';
+import classes from './Modal.module.css';
+
+export interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {
+    /**
+     * If the footer is sticky, its margin will be adjusted to counteract the padding of the Modal.Body, ensuring the footer visually sticks to the bottom of the modal.
+     */
+    sticky?: boolean;
+}
+
+export type ModalFooterStylesNames = StickyFooterStylesNames;
+
+export type ModalFooterFactory = Factory<{
+    props: ModalFooterProps;
+    ref: HTMLDivElement;
+    stylesNames: ModalFooterStylesNames;
+}>;
+
+const ensuresFooterHasEvenHeight = (footer: HTMLElement) => {
+    const remainder = footer.offsetHeight % 2;
+    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;
+};
+
+export const ModalFooter = factory<ModalFooterFactory>(({sticky, ...props}, ref) => {
+    const _ref = useRef<HTMLDivElement>();
+
+    const footerRef = ref || _ref;
+
+    useEffect(() => {
+        if (typeof footerRef !== 'function' && footerRef.current) {
+            ensuresFooterHasEvenHeight(footerRef.current);
+        }
+
+        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case
+    }, [ref, props.h]);
+
+    return (
+        <StickyFooter
+            className={clsx(classes.footer, {[classes.modalFooterSticky]: !!sticky})}
+            ref={footerRef}
+            {...props}
+        />
+    );
+});

package/src/components/modal/__tests__/Modal.spec.tsx

@@ -0,0 +1,25 @@
+import {render, screen} from '@test-utils';
+
+import {Modal} from '../Modal';
+
+// Since most part of the modal component directly inherits @mantine/core, many tests are likely covered by Mantine, so we only add tests about our customizations
+describe('Modal', () => {
+    it('renders footer', () => {
+        render(
+            <Modal opened={true} onClose={vi.fn()}>
+                <Modal.Footer sticky>im the footer</Modal.Footer>
+            </Modal>,
+        );
+
+        expect(screen.getByText('im the footer')).toBeInTheDocument();
+    });
+    it('renders footer in root', () => {
+        render(
+            <Modal.Root opened={true} onClose={vi.fn()}>
+                <Modal.Footer>im the footer</Modal.Footer>
+            </Modal.Root>,
+        );
+
+        expect(screen.getByText('im the footer')).toBeInTheDocument();
+    });
+});

package/src/components/modal/__tests__/ModalFooter.spec.tsx

@@ -0,0 +1,35 @@
+import {render, screen} from '@test-utils';
+
+import {Modal} from '../Modal';
+
+describe('ModalFooter', () => {
+    it('renders children', () => {
+        render(
+            <Modal.Footer>
+                <div>im the children</div>
+            </Modal.Footer>,
+        );
+
+        expect(screen.getByText('im the children')).toBeInTheDocument();
+    });
+    it('includes the .modalFooterSticky class styling if set to sticky', () => {
+        render(
+            <Modal.Footer sticky>
+                <div>im the children</div>
+            </Modal.Footer>,
+        );
+
+        const footer = screen.getByText('im the children').parentElement;
+        expect(footer.className).contains('modalFooterSticky');
+    });
+    it('has an even height value to ensure the footer sticks completely to the bottom as a workaround to the footer positioning issue when height value is odd', () => {
+        render(
+            <Modal.Footer h={99}>
+                <div>im the children</div>
+            </Modal.Footer>,
+        );
+
+        const footer = screen.getByText('im the children').parentElement;
+        expect(footer.offsetHeight % 2).lessThanOrEqual(Number.EPSILON);
+    });
+});

package/src/components/modal/index.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './ModalFooter';

package/src/components/prompt/Prompt.tsx

@@ -4,7 +4,6 @@ import {
     factory,
     Factory,
     Image,
-    Modal,
     ModalRootProps,
     ModalStylesNames,
     StylesApiProps,
@@ -12,6 +11,7 @@ import {
     useStyles,
 } from '@mantine/core';
 import {Children, ReactElement, ReactNode} from 'react';
+import {Modal} from '../modal';
 import Critical from './icons/critical.svg';
 import Info from './icons/info.svg';
 import Success from './icons/success.svg';
@@ -20,7 +20,6 @@ import {PromptContextProvider} from './Prompt.context';
 import classes from './Prompt.module.css';
 import {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';
 import {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';
-import {PromptFooter} from './PromptFooter';
 
 export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
 export type PromptVars = {root: '--prompt-icon-size'};
@@ -53,7 +52,7 @@ export type PromptFactory = Factory<{
     staticComponents: {
         CancelButton: typeof PromptCancelButton;
         ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof PromptFooter;
+        Footer: typeof Modal.Footer;
     };
 }>;
 
@@ -92,10 +91,12 @@ export const Prompt = factory<PromptFactory>((_props, ref) => {
     });
     const stylesApiProps = {classNames, styles};
 
-    const convertedChildren = Children.toArray(children) as ReactElement[];
+    const footers: ReactElement[] = [];
+    const otherChildren: ReactElement[] = [];
 
-    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);
-    const footer = convertedChildren.find((child) => child.type === PromptFooter);
+    Children.forEach(children, (child: ReactElement) => {
+        (child.type === Modal.Footer ? footers : otherChildren).push(child);
+    });
 
     return (
         <PromptContextProvider value={{variant, getStyles}}>
@@ -119,7 +120,7 @@ export const Prompt = factory<PromptFactory>((_props, ref) => {
                     <Modal.Body {...getStyles('body', stylesApiProps)}>
                         <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>
                     </Modal.Body>
-                    {footer}
+                    {footers}
                 </Modal.Content>
             </Modal.Root>
         </PromptContextProvider>
@@ -128,4 +129,4 @@ export const Prompt = factory<PromptFactory>((_props, ref) => {
 
 Prompt.CancelButton = PromptCancelButton;
 Prompt.ConfirmButton = PromptConfirmButton;
-Prompt.Footer = PromptFooter;
+Prompt.Footer = Modal.Footer;