@coveord/plasma-mantine 57.2.0 → 58.0.1

package/dist/esm/components/InfoToken/InfoToken.js

@@ -1,29 +1,46 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { IconAlertSquareFilled, IconAlertTriangleFilled, IconBulbFilled, IconHelpCircle, IconInfoCircle, IconInfoCircleFilled } from '@coveord/plasma-react-icons';
-import { Box, createVarsResolver, polymorphicFactory, useProps, useStyles } from '@mantine/core';
+import { IconAlertSquare, IconAlertTriangle, IconBulb, IconCheck, IconHelpCircle, IconInfoCircle } from '@coveord/plasma-react-icons';
+import { Box, createPolymorphicComponent, createVarsResolver, polymorphicFactory, useProps, useStyles } from '@mantine/core';
+import { forwardRef } from 'react';
 import classes from './InfoToken.module.css';
 const defaultProps = {
-    variant: 'information',
+    variant: 'outline',
+    type: 'information',
     size: 'xs'
 };
-const colorResolver = (variant)=>{
-    switch(variant){
+const colorResolver = (type)=>{
+    switch(type){
         case 'error':
             return 'var(--mantine-color-error)';
         case 'advice':
         case 'question':
             return 'var(--coveo-color-text-primary)';
         case 'warning':
-            return 'var(--mantine-color-warning-filled)';
+            return 'var(--mantine-color-yellow-text)';
+        case 'success':
+            return 'var(--mantine-color-green-text)';
         case 'information':
         default:
-            return 'var(--mantine-color-gray-3)';
+            return 'var(--mantine-color-gray-text)';
     }
 };
-const sizeResolver = (size)=>{
-    if (typeof size === 'number') {
-        return size;
+const bgColorResolver = (type)=>{
+    switch(type){
+        case 'error':
+            return 'var(--mantine-color-red-light)';
+        case 'advice':
+        case 'question':
+            return 'var(--mantine-primary-color-light)';
+        case 'warning':
+            return 'var(--mantine-color-yellow-light)';
+        case 'success':
+            return 'var(--mantine-color-green-light)';
+        case 'information':
+        default:
+            return 'var(--mantine-color-gray-light)';
     }
+};
+const sizeResolver = (size)=>{
     switch(size){
         case 'sm':
             return 20;
@@ -31,41 +48,40 @@ const sizeResolver = (size)=>{
             return 24;
         case 'lg':
             return 32;
-        case 'xl':
-            return 40;
         case 'xs':
         default:
             return 16;
     }
 };
-const iconResolver = (variant)=>{
-    switch(variant){
+const iconResolver = (type)=>{
+    switch(type){
         case 'error':
-            return IconAlertSquareFilled;
-        case 'information':
-            return IconInfoCircleFilled;
-        case 'information-outline':
-            return IconInfoCircle;
+            return IconAlertSquare;
         case 'question':
             return IconHelpCircle;
         case 'warning':
-            return IconAlertTriangleFilled;
+            return IconAlertTriangle;
         case 'advice':
+            return IconBulb;
+        case 'success':
+            return IconCheck;
         default:
-            return IconBulbFilled;
+            return IconInfoCircle;
     }
 };
-const varsResolver = createVarsResolver((_theme, { variant })=>{
-    const color = colorResolver(variant);
+const varsResolver = createVarsResolver((_theme, { type })=>{
+    const color = colorResolver(type);
+    const bgColor = bgColorResolver(type);
     return {
         root: {
-            '--info-token-color': color
+            '--it-color': color,
+            '--it-bg': bgColor
         }
     };
 });
-export const InfoToken = polymorphicFactory((_props, ref)=>{
+const _InfoToken = polymorphicFactory((_props, ref)=>{
     const props = useProps('InfoToken', defaultProps, _props);
-    const { variant, vars, className, style, unstyled, styles, classNames, size, ...others } = props;
+    const { variant, type, vars, className, style, unstyled, styles, classNames, size, ...others } = props;
     const getStyles = useStyles({
         name: 'InfoToken',
         classes,
@@ -77,12 +93,12 @@ export const InfoToken = polymorphicFactory((_props, ref)=>{
         vars,
         varsResolver
     });
-    const IconComponent = iconResolver(variant);
+    const IconComponent = iconResolver(type);
     return /*#__PURE__*/ _jsx(Box, {
         ref: ref,
         variant: variant,
         role: "img",
-        "aria-label": variant,
+        "aria-label": type,
         size: size,
         ...getStyles('root', {
             className,
@@ -96,34 +112,22 @@ export const InfoToken = polymorphicFactory((_props, ref)=>{
         })
     });
 });
-const TokenInformation = InfoToken.withProps({
-    variant: 'information'
-});
-TokenInformation.displayName = 'InfoToken.Information';
-const TokenInformationOutline = InfoToken.withProps({
-    variant: 'information-outline'
-});
-const TokenAdvice = InfoToken.withProps({
-    variant: 'advice'
-});
-TokenAdvice.displayName = 'InfoToken.Advice';
-const TokenWarning = InfoToken.withProps({
-    variant: 'warning'
-});
-TokenWarning.displayName = 'InfoToken.Warning';
-const TokenError = InfoToken.withProps({
-    variant: 'error'
-});
-TokenError.displayName = 'InfoToken.Error';
-const TokenQuestion = InfoToken.withProps({
-    variant: 'question'
-});
-TokenQuestion.displayName = 'InfoToken.Question';
-InfoToken.Information = TokenInformation;
-InfoToken.InformationOutline = TokenInformationOutline;
-InfoToken.Advice = TokenAdvice;
-InfoToken.Warning = TokenWarning;
-InfoToken.Error = TokenError;
-InfoToken.Question = TokenQuestion;
+const createInfoTokenCompound = (type, displayName)=>{
+    const Component = createPolymorphicComponent(/*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ _jsx(_InfoToken, {
+            ref: ref,
+            ...props,
+            type: type
+        })));
+    Component.displayName = displayName;
+    return Component;
+};
+export const InfoToken = {
+    Information: createInfoTokenCompound('information', 'InfoToken.Information'),
+    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),
+    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),
+    Error: createInfoTokenCompound('error', 'InfoToken.Error'),
+    Question: createInfoTokenCompound('question', 'InfoToken.Question'),
+    Success: createInfoTokenCompound('success', 'InfoToken.Success')
+};
 
 //# sourceMappingURL=InfoToken.js.map

package/dist/esm/components/InfoToken/InfoToken.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquareFilled,\n    IconAlertTriangleFilled,\n    IconBulbFilled,\n    IconHelpCircle,\n    IconInfoCircle,\n    IconInfoCircleFilled,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createVarsResolver,\n    Factory,\n    MantineSize,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n    staticComponents: {\n        Information: typeof TokenInformation;\n        InformationOutline: typeof TokenInformationOutline;\n        Advice: typeof TokenAdvice;\n        Warning: typeof TokenWarning;\n        Error: typeof TokenError;\n        Question: typeof TokenQuestion;\n    };\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'information-outline' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n    root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'information'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The size of the info token.\n     *\n     * @default 'sm'\n     */\n    size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n    switch (variant) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n        case 'question':\n            return 'var(--coveo-color-text-primary)';\n        case 'warning':\n            return 'var(--mantine-color-warning-filled)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-3)';\n    }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n    if (typeof size === 'number') {\n        return size;\n    }\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xl':\n            return 40;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n    switch (variant) {\n        case 'error':\n            return IconAlertSquareFilled;\n        case 'information':\n            return IconInfoCircleFilled;\n        case 'information-outline':\n            return IconInfoCircle;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangleFilled;\n        case 'advice':\n        default:\n            return IconBulbFilled;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n    const color = colorResolver(variant);\n    return {\n        root: {\n            '--info-token-color': color,\n        },\n    };\n});\n\nexport const InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n    const props = useProps('InfoToken', defaultProps, _props);\n    const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n    const getStyles = useStyles<InfoTokenFactory>({\n        name: 'InfoToken',\n        classes,\n        className,\n        props,\n        style,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const IconComponent = iconResolver(variant);\n    return (\n        <Box\n            ref={ref}\n            variant={variant}\n            role=\"img\"\n            aria-label={variant}\n            size={size}\n            {...getStyles('root', {\n                className,\n                style,\n                styles,\n                classNames,\n            })}\n            {...others}\n        >\n            <IconComponent size={sizeResolver(size)} />\n        </Box>\n    );\n});\n\nconst TokenInformation = InfoToken.withProps({\n    variant: 'information',\n});\n(TokenInformation as typeof InfoToken).displayName = 'InfoToken.Information';\nconst TokenInformationOutline = InfoToken.withProps({\n    variant: 'information-outline',\n});\nconst TokenAdvice = InfoToken.withProps({variant: 'advice'});\n(TokenAdvice as typeof InfoToken).displayName = 'InfoToken.Advice';\nconst TokenWarning = InfoToken.withProps({variant: 'warning'});\n(TokenWarning as typeof InfoToken).displayName = 'InfoToken.Warning';\nconst TokenError = InfoToken.withProps({variant: 'error'});\n(TokenError as typeof InfoToken).displayName = 'InfoToken.Error';\nconst TokenQuestion = InfoToken.withProps({variant: 'question'});\n(TokenQuestion as typeof InfoToken).displayName = 'InfoToken.Question';\n\nInfoToken.Information = TokenInformation;\nInfoToken.InformationOutline = TokenInformationOutline;\nInfoToken.Advice = TokenAdvice;\nInfoToken.Warning = TokenWarning;\nInfoToken.Error = TokenError;\nInfoToken.Question = TokenQuestion;\n"],"names":["IconAlertSquareFilled","IconAlertTriangleFilled","IconBulbFilled","IconHelpCircle","IconInfoCircle","IconInfoCircleFilled","Box","createVarsResolver","polymorphicFactory","useProps","useStyles","classes","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","root","InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role","aria-label","TokenInformation","withProps","displayName","TokenInformationOutline","TokenAdvice","TokenWarning","TokenError","TokenQuestion","Information","InformationOutline","Advice","Warning","Error","Question"],"mappings":";AAAA,SACIA,qBAAqB,EACrBC,uBAAuB,EACvBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,oBAAoB,QAEjB,8BAA8B;AACrC,SACIC,GAAG,EAEHC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,OAAOC,aAAa,yBAAyB;AAuC7C,MAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;QACL,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOb;QACX,KAAK;YACD,OAAOK;QACX,KAAK;YACD,OAAOD;QACX,KAAK;YACD,OAAOD;QACX,KAAK;YACD,OAAOF;QACX,KAAK;QACL;YACI,OAAOC;IACf;AACJ;AAEA,MAAMgB,eAAeX,mBAAqC,CAACY,QAAQ,EAACN,OAAO,EAAC;IACxE,MAAMO,QAAQL,cAAcF;IAC5B,OAAO;QACHQ,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEA,OAAO,MAAME,YAAYd,mBAAqC,CAACe,QAAQC;IACnE,MAAMC,QAAQhB,SAAS,aAAaG,cAAcW;IAClD,MAAM,EAACV,OAAO,EAAEa,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEjB,IAAI,EAAE,GAAGkB,QAAO,GAAGP;IACzF,MAAMQ,YAAYvB,UAA4B;QAC1CwB,MAAM;QACNvB;QACAgB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAR;IACJ;IACA,MAAMiB,gBAAgBlB,aAAaJ;IACnC,qBACI,KAACP;QACGkB,KAAKA;QACLX,SAASA;QACTuB,MAAK;QACLC,cAAYxB;QACZC,MAAMA;QACL,GAAGmB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcrB,MAAME,aAAaF;;;AAG9C,GAAG;AAEH,MAAMwB,mBAAmBhB,UAAUiB,SAAS,CAAC;IACzC1B,SAAS;AACb;AACCyB,iBAAsCE,WAAW,GAAG;AACrD,MAAMC,0BAA0BnB,UAAUiB,SAAS,CAAC;IAChD1B,SAAS;AACb;AACA,MAAM6B,cAAcpB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAQ;AACzD6B,YAAiCF,WAAW,GAAG;AAChD,MAAMG,eAAerB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAS;AAC3D8B,aAAkCH,WAAW,GAAG;AACjD,MAAMI,aAAatB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAO;AACvD+B,WAAgCJ,WAAW,GAAG;AAC/C,MAAMK,gBAAgBvB,UAAUiB,SAAS,CAAC;IAAC1B,SAAS;AAAU;AAC7DgC,cAAmCL,WAAW,GAAG;AAElDlB,UAAUwB,WAAW,GAAGR;AACxBhB,UAAUyB,kBAAkB,GAAGN;AAC/BnB,UAAU0B,MAAM,GAAGN;AACnBpB,UAAU2B,OAAO,GAAGN;AACpBrB,UAAU4B,KAAK,GAAGN;AAClBtB,UAAU6B,QAAQ,GAAGN"}
+{"version":3,"sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquare,\n    IconAlertTriangle,\n    IconBulb,\n    IconCheck,\n    IconHelpCircle,\n    IconInfoCircle,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createPolymorphicComponent,\n    createVarsResolver,\n    Factory,\n    PolymorphicComponentProps,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {forwardRef, FunctionComponent, ReactElement} from 'react';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenInternalProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success';\nexport type InfoTokenVariant = 'outline' | 'light';\nexport type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg';\nexport type InfoTokenCssVariables = {\n    root: '--it-color' | '--it-bg';\n};\n\ninterface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'outline'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The semantic type of the token\n     *\n     * @default 'information'\n     */\n    type?: InfoTokenType;\n    /**\n     * The size of the info token.\n     *\n     * @default 'xs'\n     */\n    size?: InfoTokenSizes;\n}\n\nexport type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>;\n\ntype InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) &\n    Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>;\n\nconst defaultProps: Partial<InfoTokenInternalProps> = {variant: 'outline', type: 'information', size: 'xs'};\n\nconst colorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n        case 'question':\n            return 'var(--coveo-color-text-primary)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-text)';\n        case 'success':\n            return 'var(--mantine-color-green-text)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-text)';\n    }\n};\n\nconst bgColorResolver = (type: InfoTokenType): string => {\n    switch (type) {\n        case 'error':\n            return 'var(--mantine-color-red-light)';\n        case 'advice':\n        case 'question':\n            return 'var(--mantine-primary-color-light)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-light)';\n        case 'success':\n            return 'var(--mantine-color-green-light)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-light)';\n    }\n};\n\nconst sizeResolver = (size: InfoTokenSizes): number => {\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (type: InfoTokenType): TablerIcon => {\n    switch (type) {\n        case 'error':\n            return IconAlertSquare;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangle;\n        case 'advice':\n            return IconBulb;\n        case 'success':\n            return IconCheck;\n        default:\n            return IconInfoCircle;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {type}) => {\n    const color = colorResolver(type);\n    const bgColor = bgColorResolver(type);\n    return {\n        root: {\n            '--it-color': color,\n            '--it-bg': bgColor,\n        },\n    };\n});\n\nconst _InfoToken = polymorphicFactory<InfoTokenFactory>((_props, ref) => {\n    const props = useProps('InfoToken', defaultProps, _props);\n    const {variant, type, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n    const getStyles = useStyles<InfoTokenFactory>({\n        name: 'InfoToken',\n        classes,\n        className,\n        props,\n        style,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const IconComponent = iconResolver(type);\n    return (\n        <Box\n            ref={ref}\n            variant={variant}\n            role=\"img\"\n            aria-label={type}\n            size={size}\n            {...getStyles('root', {\n                className,\n                style,\n                styles,\n                classNames,\n            })}\n            {...others}\n        >\n            <IconComponent size={sizeResolver(size)} />\n        </Box>\n    );\n});\n\nconst createInfoTokenCompound = (type: InfoTokenType, displayName: string): InfoTokenCompoundComponent => {\n    const Component: InfoTokenCompoundComponent = createPolymorphicComponent<'div', InfoTokenProps>(\n        forwardRef<any, InfoTokenProps>((props, ref) => <_InfoToken ref={ref} {...props} type={type} />),\n    );\n    Component.displayName = displayName;\n    return Component;\n};\n\nexport const InfoToken = {\n    Information: createInfoTokenCompound('information', 'InfoToken.Information'),\n    Advice: createInfoTokenCompound('advice', 'InfoToken.Advice'),\n    Warning: createInfoTokenCompound('warning', 'InfoToken.Warning'),\n    Error: createInfoTokenCompound('error', 'InfoToken.Error'),\n    Question: createInfoTokenCompound('question', 'InfoToken.Question'),\n    Success: createInfoTokenCompound('success', 'InfoToken.Success'),\n} as const;\n"],"names":["IconAlertSquare","IconAlertTriangle","IconBulb","IconCheck","IconHelpCircle","IconInfoCircle","Box","createPolymorphicComponent","createVarsResolver","polymorphicFactory","useProps","useStyles","forwardRef","classes","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","bgColor","root","_InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role","aria-label","createInfoTokenCompound","displayName","Component","InfoToken","Information","Advice","Warning","Error","Question","Success"],"mappings":";AAAA,SACIA,eAAe,EACfC,iBAAiB,EACjBC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,cAAc,QAEX,8BAA8B;AACrC,SACIC,GAAG,EAEHC,0BAA0B,EAC1BC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,UAAU,QAAwC,QAAQ;AAClE,OAAOC,aAAa,yBAAyB;AA4C7C,MAAMC,eAAgD;IAACC,SAAS;IAAWC,MAAM;IAAeC,MAAM;AAAI;AAE1G,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;QACL,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,kBAAkB,CAACH;IACrB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;QACL,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACH;IAClB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMI,eAAe,CAACL;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOhB;QACX,KAAK;YACD,OAAOI;QACX,KAAK;YACD,OAAOH;QACX,KAAK;YACD,OAAOC;QACX,KAAK;YACD,OAAOC;QACX;YACI,OAAOE;IACf;AACJ;AAEA,MAAMiB,eAAed,mBAAqC,CAACe,QAAQ,EAACP,IAAI,EAAC;IACrE,MAAMQ,QAAQN,cAAcF;IAC5B,MAAMS,UAAUN,gBAAgBH;IAChC,OAAO;QACHU,MAAM;YACF,cAAcF;YACd,WAAWC;QACf;IACJ;AACJ;AAEA,MAAME,aAAalB,mBAAqC,CAACmB,QAAQC;IAC7D,MAAMC,QAAQpB,SAAS,aAAaI,cAAcc;IAClD,MAAM,EAACb,OAAO,EAAEC,IAAI,EAAEe,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEnB,IAAI,EAAE,GAAGoB,QAAO,GAAGP;IAC/F,MAAMQ,YAAY3B,UAA4B;QAC1C4B,MAAM;QACN1B;QACAmB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAT;IACJ;IACA,MAAMkB,gBAAgBnB,aAAaL;IACnC,qBACI,KAACV;QACGuB,KAAKA;QACLd,SAASA;QACT0B,MAAK;QACLC,cAAY1B;QACZC,MAAMA;QACL,GAAGqB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcvB,MAAMG,aAAaH;;;AAG9C;AAEA,MAAM0B,0BAA0B,CAAC3B,MAAqB4B;IAClD,MAAMC,YAAwCtC,yCAC1CK,WAAgC,CAACkB,OAAOD,oBAAQ,KAACF;YAAWE,KAAKA;YAAM,GAAGC,KAAK;YAAEd,MAAMA;;IAE3F6B,UAAUD,WAAW,GAAGA;IACxB,OAAOC;AACX;AAEA,OAAO,MAAMC,YAAY;IACrBC,aAAaJ,wBAAwB,eAAe;IACpDK,QAAQL,wBAAwB,UAAU;IAC1CM,SAASN,wBAAwB,WAAW;IAC5CO,OAAOP,wBAAwB,SAAS;IACxCQ,UAAUR,wBAAwB,YAAY;IAC9CS,SAAST,wBAAwB,WAAW;AAChD,EAAW"}

package/dist/esm/components/InfoToken/InfoToken.module.css

@@ -1,8 +1,16 @@
 .root {
-    --info-token-color: var(--mantine-color-primary);
-
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
-    color: var(--info-token-color);
+    color: var(--it-color);
+
+    &[data-variant='light'] {
+        background-color: var(--it-bg);
+        border-radius: var(--mantine-spacing-xxs);
+        padding: var(--mantine-spacing-xs);
+
+        &[data-size='xs'] {
+            padding: var(--mantine-spacing-xxs);
+        }
+    }
 }

package/dist/esm/components/InlineConfirm/InlineConfirmTarget.d.ts

@@ -12,7 +12,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
 }) | (ButtonProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ThemeExtend<{
+})>, never> & import("@mantine/core").ThemeExtend<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -30,7 +30,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
         DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
         DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/factory.js").ComponentClasses<{
+}> & import("@mantine/core").ComponentClasses<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
@@ -48,7 +48,7 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
         DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
         DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
-}> & import("node_modules/@mantine/core/lib/core/factory/polymorphic-factory.js").PolymorphicComponentWithProps<{
+}> & import("@mantine/core").PolymorphicComponentWithProps<{
     props: ButtonProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/dist/esm/components/Input/Input.d.ts

@@ -1,2 +1,15 @@
-export { Input, type InputFactory, type InputProps } from '@mantine/core';
+import { Input as MantineInput, type InputFactory as MantineInputFactory, type InputProps } from '@mantine/core';
+import { InputLabelInfo, type InputLabelInfoFactory, type InputLabelInfoProps, type InputLabelInfoStylesNames } from './InputLabelInfo.js';
+type PlasmaInputFactory = Omit<MantineInputFactory, 'staticComponents'> & {
+    staticComponents: MantineInputFactory['staticComponents'] & {
+        LabelInfo: typeof InputLabelInfo;
+    };
+};
+declare const Input: typeof MantineInput & {
+    LabelInfo: typeof InputLabelInfo;
+};
+export { Input };
+export type InputFactory = PlasmaInputFactory;
+export type { InputProps, InputLabelInfoFactory, InputLabelInfoProps, InputLabelInfoStylesNames };
+export { InputLabelInfo };
 //# sourceMappingURL=Input.d.ts.map

package/dist/esm/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,YAAY,EAAE,KAAK,YAAY,IAAI,mBAAmB,EAAE,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EACH,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EACjC,MAAM,qBAAqB,CAAC;AAE7B,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,SAAS,EAAE,OAAO,cAAc,CAAC;KACpC,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,KAAK,EAAmB,OAAO,YAAY,GAAG;IAChD,SAAS,EAAE,OAAO,cAAc,CAAC;CACpC,CAAC;AAOF,OAAO,EAAC,KAAK,EAAC,CAAC;AACf,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAC9C,YAAY,EAAC,UAAU,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,yBAAyB,EAAC,CAAC;AAChG,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/esm/components/Input/Input.js

@@ -1,5 +1,10 @@
-import { Input } from '@mantine/core';
+import { Input as MantineInput } from '@mantine/core';
+import { InputLabelInfo } from './InputLabelInfo.js';
+const Input = MantineInput;
 Input.displayName = 'Input';
-export { Input } from '@mantine/core';
+Input.LabelInfo = InputLabelInfo;
+InputLabelInfo.displayName = 'Input.LabelInfo';
+export { Input };
+export { InputLabelInfo };
 
 //# sourceMappingURL=Input.js.map

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.ts"],"sourcesContent":["import {Input} from '@mantine/core';\n\nInput.displayName = 'Input';\n\nexport {Input, type InputFactory, type InputProps} from '@mantine/core';\n"],"names":["Input","displayName"],"mappings":"AAAA,SAAQA,KAAK,QAAO,gBAAgB;AAEpCA,MAAMC,WAAW,GAAG;AAEpB,SAAQD,KAAK,QAA2C,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/Input/Input.ts"],"sourcesContent":["import {Input as MantineInput, type InputFactory as MantineInputFactory, type InputProps} from '@mantine/core';\nimport {\n    InputLabelInfo,\n    type InputLabelInfoFactory,\n    type InputLabelInfoProps,\n    type InputLabelInfoStylesNames,\n} from './InputLabelInfo.js';\n\ntype PlasmaInputFactory = Omit<MantineInputFactory, 'staticComponents'> & {\n    staticComponents: MantineInputFactory['staticComponents'] & {\n        LabelInfo: typeof InputLabelInfo;\n    };\n};\n\nconst Input = MantineInput as typeof MantineInput & {\n    LabelInfo: typeof InputLabelInfo;\n};\n\nInput.displayName = 'Input';\nInput.LabelInfo = InputLabelInfo;\n\nInputLabelInfo.displayName = 'Input.LabelInfo';\n\nexport {Input};\nexport type InputFactory = PlasmaInputFactory;\nexport type {InputProps, InputLabelInfoFactory, InputLabelInfoProps, InputLabelInfoStylesNames};\nexport {InputLabelInfo};\n"],"names":["Input","MantineInput","InputLabelInfo","displayName","LabelInfo"],"mappings":"AAAA,SAAQA,SAASC,YAAY,QAAkE,gBAAgB;AAC/G,SACIC,cAAc,QAIX,sBAAsB;AAQ7B,MAAMF,QAAQC;AAIdD,MAAMG,WAAW,GAAG;AACpBH,MAAMI,SAAS,GAAGF;AAElBA,eAAeC,WAAW,GAAG;AAE7B,SAAQH,KAAK,GAAE;AAGf,SAAQE,cAAc,GAAE"}

package/dist/esm/components/Input/InputLabelInfo.d.ts

@@ -0,0 +1,17 @@
+import { StylesApiProps, type Factory, type TooltipProps } from '@mantine/core';
+import { type ReactNode } from 'react';
+export type InputLabelInfoStylesNames = 'labelInfo';
+export interface InputLabelInfoProps extends Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>, StylesApiProps<InputLabelInfoFactory> {
+    children: ReactNode;
+}
+export type InputLabelInfoFactory = Factory<{
+    props: InputLabelInfoProps;
+    ref: HTMLSpanElement;
+    stylesNames: InputLabelInfoStylesNames;
+}>;
+export declare const InputLabelInfo: import("@mantine/core").MantineComponent<{
+    props: InputLabelInfoProps;
+    ref: HTMLSpanElement;
+    stylesNames: InputLabelInfoStylesNames;
+}>;
+//# sourceMappingURL=InputLabelInfo.d.ts.map

package/dist/esm/components/Input/InputLabelInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabelInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAgC,KAAK,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,mBACb,SACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC7E,cAAc,CAAC,qBAAqB,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,eAAO,MAAM,cAAc;WAPhB,mBAAmB;SACrB,eAAe;iBACP,yBAAyB;EAyBxC,CAAC"}

package/dist/esm/components/Input/InputLabelInfo.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { factory, Tooltip, useProps, useStyles } from '@mantine/core';
+import { InfoToken } from '../InfoToken/InfoToken.js';
+import classes from './InputLabelInfo.module.css';
+const defaultProps = {};
+export const InputLabelInfo = factory((_props, ref)=>{
+    const props = useProps('InputLabelInfo', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, children, attributes, ...others } = props;
+    const getStyles = useStyles({
+        name: 'InputLabelInfo',
+        props,
+        style,
+        styles,
+        unstyled,
+        attributes,
+        className,
+        classes,
+        classNames,
+        vars
+    });
+    return /*#__PURE__*/ _jsx(Tooltip, {
+        label: children,
+        ...others,
+        children: /*#__PURE__*/ _jsx(InfoToken.Information, {
+            component: "span",
+            ...getStyles('labelInfo', {
+                className,
+                style
+            }),
+            ref: ref
+        })
+    });
+});
+
+//# sourceMappingURL=InputLabelInfo.js.map

package/dist/esm/components/Input/InputLabelInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport classes from './InputLabelInfo.module.css';\n\nexport type InputLabelInfoStylesNames = 'labelInfo';\n\nexport interface InputLabelInfoProps\n    extends\n        Omit<TooltipProps, 'label' | 'classNames' | 'attributes' | 'styles' | 'vars'>,\n        StylesApiProps<InputLabelInfoFactory> {\n    children: ReactNode;\n}\n\nexport type InputLabelInfoFactory = Factory<{\n    props: InputLabelInfoProps;\n    ref: HTMLSpanElement;\n    stylesNames: InputLabelInfoStylesNames;\n}>;\n\nconst defaultProps = {} satisfies Partial<InputLabelInfoProps>;\n\nexport const InputLabelInfo = factory<InputLabelInfoFactory>((_props, ref) => {\n    const props = useProps('InputLabelInfo', defaultProps, _props);\n    const {classNames, className, style, styles, unstyled, vars, children, attributes, ...others} = props;\n    const getStyles = useStyles<InputLabelInfoFactory>({\n        name: 'InputLabelInfo',\n        props,\n        style,\n        styles,\n        unstyled,\n        attributes,\n        className,\n        classes,\n        classNames,\n        vars,\n    });\n    return (\n        <Tooltip label={children} {...others}>\n            <InfoToken.Information component=\"span\" {...getStyles('labelInfo', {className, style})} ref={ref} />\n        </Tooltip>\n    );\n});\n"],"names":["factory","Tooltip","useProps","useStyles","InfoToken","classes","defaultProps","InputLabelInfo","_props","ref","props","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","name","label","Information","component"],"mappings":";AAAA,SAAQA,OAAO,EAAkBC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAwC,gBAAgB;AAErH,SAAQC,SAAS,QAAO,4BAA4B;AACpD,OAAOC,aAAa,8BAA8B;AAiBlD,MAAMC,eAAe,CAAC;AAEtB,OAAO,MAAMC,iBAAiBP,QAA+B,CAACQ,QAAQC;IAClE,MAAMC,QAAQR,SAAS,kBAAkBI,cAAcE;IACvD,MAAM,EAACG,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGC,QAAO,GAAGT;IAChG,MAAMU,YAAYjB,UAAiC;QAC/CkB,MAAM;QACNX;QACAG;QACAC;QACAC;QACAG;QACAN;QACAP;QACAM;QACAK;IACJ;IACA,qBACI,KAACf;QAAQqB,OAAOL;QAAW,GAAGE,MAAM;kBAChC,cAAA,KAACf,UAAUmB,WAAW;YAACC,WAAU;YAAQ,GAAGJ,UAAU,aAAa;gBAACR;gBAAWC;YAAK,EAAE;YAAEJ,KAAKA;;;AAGzG,GAAG"}

package/dist/esm/components/Input/InputLabelInfo.module.css

@@ -0,0 +1,5 @@
+.labelInfo {
+    position: relative; /* Required to make it work within a Switch label */
+    margin-left: var(--mantine-spacing-xxs);
+    vertical-align: text-bottom;
+}

package/dist/esm/components/Modal/Modal.js

@@ -20,7 +20,7 @@ const PlasmaModal = factory(({ title, description, help, ...otherProps }, ref)=>
         ...otherProps
     });
 });
-PlasmaModal.displayName = '@coveord/plasma-mantine/Modal';
+PlasmaModal.displayName = 'Modal';
 PlasmaModal.Root = MantineModal.Root;
 PlasmaModal.Body = MantineModal.Body;
 PlasmaModal.Overlay = MantineModal.Overlay;

package/dist/esm/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {Header, type HeaderDocAnchorProps, type HeaderProps} from '../Header/Header.js';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter.js';\n\ninterface PlasmaModalProps extends MantineModalProps {\n    /**\n     * Description of the modal, displayed below the title.\n     */\n    description?: HeaderProps['description'];\n    /**\n     * Help link for the modal, displayed in the header.\n     * Usually provides a link to external documentation or help resources.\n     */\n    help?: HeaderDocAnchorProps;\n}\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    props: PlasmaModalProps;\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>(({title, description, help, ...otherProps}, ref) => {\n    const header =\n        typeof title === 'string' ? (\n            <Header titleComponent=\"div\" variant=\"secondary\" description={description}>\n                {title}\n                {help && <Header.DocAnchor {...help} />}\n            </Header>\n        ) : (\n            title\n        );\n    return <MantineModal ref={ref} title={header} {...otherProps} />;\n});\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\nexport type ModalProps = PlasmaModalProps;\n\nexport type ModalFactory = PlasmaModalFactory;\nexport type {ModalRootProps, ModalCssVariables, ModalStylesNames} from '@mantine/core';\n"],"names":["factory","Modal","MantineModal","Header","ModalFooter","PlasmaModalFooter","PlasmaModal","title","description","help","otherProps","ref","header","titleComponent","variant","DocAnchor","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer"],"mappings":";AAAA,SACIA,OAAO,EACPC,SAASC,YAAY,QAGlB,gBAAgB;AACvB,SAAQC,MAAM,QAAoD,sBAAsB;AACxF,SAAQC,eAAeC,iBAAiB,QAAO,mBAAmB;AAsBlE,MAAMC,cAAcN,QAA4B,CAAC,EAACO,KAAK,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGC,YAAW,EAAEC;IACxF,MAAMC,SACF,OAAOL,UAAU,yBACb,MAACJ;QAAOU,gBAAe;QAAMC,SAAQ;QAAYN,aAAaA;;YACzDD;YACAE,sBAAQ,KAACN,OAAOY,SAAS;gBAAE,GAAGN,IAAI;;;SAGvCF;IAER,qBAAO,KAACL;QAAaS,KAAKA;QAAKJ,OAAOK;QAAS,GAAGF,UAAU;;AAChE;AAEAJ,YAAYU,WAAW,GAAG;AAC1BV,YAAYW,IAAI,GAAGf,aAAae,IAAI;AACpCX,YAAYY,IAAI,GAAGhB,aAAagB,IAAI;AACpCZ,YAAYa,OAAO,GAAGjB,aAAaiB,OAAO;AAC1Cb,YAAYc,OAAO,GAAGlB,aAAakB,OAAO;AAC1Cd,YAAYH,MAAM,GAAGD,aAAaC,MAAM;AACxCG,YAAYe,KAAK,GAAGnB,aAAamB,KAAK;AACtCf,YAAYgB,WAAW,GAAGpB,aAAaoB,WAAW;AAClDhB,YAAYiB,KAAK,GAAGrB,aAAaqB,KAAK;AACtCjB,YAAYkB,MAAM,GAAGnB;AAErB,OAAO,MAAMJ,QAAQK,YAAY"}
+{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {Header, type HeaderDocAnchorProps, type HeaderProps} from '../Header/Header.js';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter.js';\n\ninterface PlasmaModalProps extends MantineModalProps {\n    /**\n     * Description of the modal, displayed below the title.\n     */\n    description?: HeaderProps['description'];\n    /**\n     * Help link for the modal, displayed in the header.\n     * Usually provides a link to external documentation or help resources.\n     */\n    help?: HeaderDocAnchorProps;\n}\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    props: PlasmaModalProps;\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>(({title, description, help, ...otherProps}, ref) => {\n    const header =\n        typeof title === 'string' ? (\n            <Header titleComponent=\"div\" variant=\"secondary\" description={description}>\n                {title}\n                {help && <Header.DocAnchor {...help} />}\n            </Header>\n        ) : (\n            title\n        );\n    return <MantineModal ref={ref} title={header} {...otherProps} />;\n});\n\nPlasmaModal.displayName = 'Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\nexport type ModalProps = PlasmaModalProps;\n\nexport type ModalFactory = PlasmaModalFactory;\nexport type {ModalRootProps, ModalCssVariables, ModalStylesNames} from '@mantine/core';\n"],"names":["factory","Modal","MantineModal","Header","ModalFooter","PlasmaModalFooter","PlasmaModal","title","description","help","otherProps","ref","header","titleComponent","variant","DocAnchor","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer"],"mappings":";AAAA,SACIA,OAAO,EACPC,SAASC,YAAY,QAGlB,gBAAgB;AACvB,SAAQC,MAAM,QAAoD,sBAAsB;AACxF,SAAQC,eAAeC,iBAAiB,QAAO,mBAAmB;AAsBlE,MAAMC,cAAcN,QAA4B,CAAC,EAACO,KAAK,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGC,YAAW,EAAEC;IACxF,MAAMC,SACF,OAAOL,UAAU,yBACb,MAACJ;QAAOU,gBAAe;QAAMC,SAAQ;QAAYN,aAAaA;;YACzDD;YACAE,sBAAQ,KAACN,OAAOY,SAAS;gBAAE,GAAGN,IAAI;;;SAGvCF;IAER,qBAAO,KAACL;QAAaS,KAAKA;QAAKJ,OAAOK;QAAS,GAAGF,UAAU;;AAChE;AAEAJ,YAAYU,WAAW,GAAG;AAC1BV,YAAYW,IAAI,GAAGf,aAAae,IAAI;AACpCX,YAAYY,IAAI,GAAGhB,aAAagB,IAAI;AACpCZ,YAAYa,OAAO,GAAGjB,aAAaiB,OAAO;AAC1Cb,YAAYc,OAAO,GAAGlB,aAAakB,OAAO;AAC1Cd,YAAYH,MAAM,GAAGD,aAAaC,MAAM;AACxCG,YAAYe,KAAK,GAAGnB,aAAamB,KAAK;AACtCf,YAAYgB,WAAW,GAAGpB,aAAaoB,WAAW;AAClDhB,YAAYiB,KAAK,GAAGrB,aAAaqB,KAAK;AACtCjB,YAAYkB,MAAM,GAAGnB;AAErB,OAAO,MAAMJ,QAAQK,YAAY"}

package/dist/esm/components/Modal/ModalFooter.js

@@ -20,10 +20,12 @@ export const ModalFooter = factory((props, ref)=>{
         props.h
     ]);
     return /*#__PURE__*/ _jsx(StickyFooter, {
+        borderTop: true,
         className: classes.root,
         ref: footerRef,
         ...props
     });
 });
+ModalFooter.displayName = 'Modal.Footer';
 
 //# sourceMappingURL=ModalFooter.js.map

package/dist/esm/components/Modal/ModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, type StickyFooterProps, type StickyFooterStylesNames} from '../StickyFooter/StickyFooter.js';\nimport classes from './ModalFooter.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n    props: ModalFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n    const remainder = footer.offsetHeight % 2;\n    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>((props, ref) => {\n    const _ref = useRef<HTMLDivElement>(null);\n\n    const footerRef = ref || _ref;\n\n    useEffect(() => {\n        if (typeof footerRef !== 'function' && footerRef.current) {\n            ensuresFooterHasEvenHeight(footerRef.current);\n        }\n\n        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n    }, [ref, props.h]);\n\n    return <StickyFooter className={classes.root} ref={footerRef} {...props} />;\n});\n"],"names":["useRef","useEffect","factory","StickyFooter","classes","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","ModalFooter","props","ref","_ref","footerRef","current","h","className","root"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,SAAS,QAAO,QAAQ;AACxC,SAAiBC,OAAO,QAAO,gBAAgB;AAC/C,SAAQC,YAAY,QAA6D,kCAAkC;AACnH,OAAOC,aAAa,2BAA2B;AAY/C,MAAMC,6BAA6B,CAACC;IAChC,MAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,GAAGJ,OAAOE,YAAY,GAAGD,YAAY,EAAE,EAAE,CAAC;AACpE;AAEA,OAAO,MAAMI,cAAcT,QAA4B,CAACU,OAAOC;IAC3D,MAAMC,OAAOd,OAAuB;IAEpC,MAAMe,YAAYF,OAAOC;IAEzBb,UAAU;QACN,IAAI,OAAOc,cAAc,cAAcA,UAAUC,OAAO,EAAE;YACtDX,2BAA2BU,UAAUC,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACH;QAAKD,MAAMK,CAAC;KAAC;IAEjB,qBAAO,KAACd;QAAae,WAAWd,QAAQe,IAAI;QAAEN,KAAKE;QAAY,GAAGH,KAAK;;AAC3E,GAAG"}
+{"version":3,"sources":["../../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, type StickyFooterProps, type StickyFooterStylesNames} from '../StickyFooter/StickyFooter.js';\nimport classes from './ModalFooter.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n    props: ModalFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n    const remainder = footer.offsetHeight % 2;\n    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>((props, ref) => {\n    const _ref = useRef<HTMLDivElement>(null);\n\n    const footerRef = ref || _ref;\n\n    useEffect(() => {\n        if (typeof footerRef !== 'function' && footerRef.current) {\n            ensuresFooterHasEvenHeight(footerRef.current);\n        }\n\n        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n    }, [ref, props.h]);\n\n    return <StickyFooter borderTop className={classes.root} ref={footerRef} {...props} />;\n});\n\nModalFooter.displayName = 'Modal.Footer';\n"],"names":["useRef","useEffect","factory","StickyFooter","classes","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","ModalFooter","props","ref","_ref","footerRef","current","h","borderTop","className","root","displayName"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,SAAS,QAAO,QAAQ;AACxC,SAAiBC,OAAO,QAAO,gBAAgB;AAC/C,SAAQC,YAAY,QAA6D,kCAAkC;AACnH,OAAOC,aAAa,2BAA2B;AAY/C,MAAMC,6BAA6B,CAACC;IAChC,MAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,GAAGJ,OAAOE,YAAY,GAAGD,YAAY,EAAE,EAAE,CAAC;AACpE;AAEA,OAAO,MAAMI,cAAcT,QAA4B,CAACU,OAAOC;IAC3D,MAAMC,OAAOd,OAAuB;IAEpC,MAAMe,YAAYF,OAAOC;IAEzBb,UAAU;QACN,IAAI,OAAOc,cAAc,cAAcA,UAAUC,OAAO,EAAE;YACtDX,2BAA2BU,UAAUC,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACH;QAAKD,MAAMK,CAAC;KAAC;IAEjB,qBAAO,KAACd;QAAae,SAAS;QAACC,WAAWf,QAAQgB,IAAI;QAAEP,KAAKE;QAAY,GAAGH,KAAK;;AACrF,GAAG;AAEHD,YAAYU,WAAW,GAAG"}

package/dist/esm/components/Modal/ModalFooter.module.css

@@ -1,10 +1,10 @@
 :global(.mantine-Modal-body) {
     .root {
         margin: calc(-1 * var(--mb-padding));
-        margin-top: 0;
+        margin-top: var(--mb-padding);
     }
 }
 
 .root {
-    padding: var(--mb-padding, var(--mantine-spacing-lg, 32px));
+    padding: var(--mb-padding, var(--mantine-spacing-md, 24px));
 }

package/dist/esm/components/Prompt/Prompt.d.ts

@@ -1,49 +1,49 @@
 import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
-import { ReactNode } from 'react';
-import { PromptCancelButton, PromptCancelButtonStylesNamesVariant } from './PromptCancelButton.js';
-import { PromptConfirmButton, PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton.js';
-export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
+import { FunctionComponent, ReactElement, ReactNode } from 'react';
+import { PromptCancelButtonStylesNamesVariant } from './PromptCancelButton.js';
+import { PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton.js';
+export type PromptVariant = 'success' | 'warning' | 'critical' | 'information';
 export type PromptVars = {
     root: '--prompt-icon-size';
 };
 export type PromptStylesNames = Exclude<ModalStylesNames, 'title'> | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
-export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes'> {
-    /**
-     * Controls prompt appearance
-     *
-     * @default "info"
-     */
-    variant?: PromptVariant;
+type PromptStylesApiProps = Omit<StylesApiProps<PromptFactory>, 'variant'>;
+export interface PromptProps extends PromptStylesApiProps, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes' | 'variant'> {
     children: ReactNode;
     title: ReactNode;
 }
+interface PromptInternalProps extends PromptProps {
+    variant?: PromptVariant;
+}
 export type PromptFactory = Factory<{
-    props: PromptProps;
-    ref: HTMLDivElement;
-    vars: PromptVars;
-    variant: PromptVariant;
-    stylesNames: PromptStylesNames;
-    staticComponents: {
-        CancelButton: typeof PromptCancelButton;
-        ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof PromptFooter;
-    };
-}>;
-export declare const Prompt: import("@mantine/core").MantineComponent<{
-    props: PromptProps;
+    props: PromptInternalProps;
     ref: HTMLDivElement;
     vars: PromptVars;
     variant: PromptVariant;
     stylesNames: PromptStylesNames;
-    staticComponents: {
-        CancelButton: typeof PromptCancelButton;
-        ConfirmButton: typeof PromptConfirmButton;
-        Footer: typeof PromptFooter;
-    };
-}>;
-declare const PromptFooter: import("react").ForwardRefExoticComponent<import("../Modal/ModalFooter.js").ModalFooterProps & import("react").RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
 }>;
+type PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;
+export declare const Prompt: {
+    readonly Information: PromptCompoundComponent;
+    readonly Success: PromptCompoundComponent;
+    readonly Warning: PromptCompoundComponent;
+    readonly Critical: PromptCompoundComponent;
+    readonly CancelButton: import("@mantine/core").MantineComponent<{
+        props: import("./PromptCancelButton.js").PromptCancelButtonProps;
+        ref: HTMLButtonElement;
+        stylesNames: PromptCancelButtonStylesNamesVariant;
+        compound: true;
+    }>;
+    readonly ConfirmButton: import("@mantine/core").MantineComponent<{
+        props: import("./PromptConfirmButton.js").PromptConfirmButtonProps;
+        ref: HTMLButtonElement;
+        stylesNames: PromptConfirmButtonStylesNamesVariant;
+        compound: true;
+    }>;
+    readonly Footer: FunctionComponent<import("../Modal/ModalFooter.js").ModalFooterProps & import("react").RefAttributes<HTMLDivElement> & {
+        component?: any;
+        renderRoot?: (props: Record<string, any>) => React.ReactNode;
+    }>;
+};
 export {};
 //# sourceMappingURL=Prompt.d.ts.map

package/dist/esm/components/Prompt/Prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAwC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAMpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAClC,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC;IACzE;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAcH,eAAO,MAAM,MAAM;WAxBR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,YAAY,CAAC;KAC/B;EA0EH,CAAC;AAEH,QAAA,MAAM,YAAY;;;EAAkC,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAsD,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKtH,OAAO,EAAqB,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAsB,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAClC,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3E,MAAM,WAAW,WACb,SAAQ,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;CAClC,CAAC,CAAC;AAiFH,KAAK,uBAAuB,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;AAapH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}