@coveord/plasma-mantine 59.5.0 → 59.7.0

package/dist/cjs/components/ActionIcon/ActionIcon.js

@@ -49,15 +49,33 @@ var ActionIconPrimary = ActionIcon.withProps({
 });
 var ActionIconSecondary = ActionIcon.withProps({
     variant: 'light',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconTertiary = ActionIcon.withProps({
     variant: 'default',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconQuaternary = ActionIcon.withProps({
     variant: 'subtle',
-    color: 'var(--coveo-color-text-primary)'
+    vars: function vars() {
+        return {
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        };
+    }
 });
 var ActionIconDestructive = ActionIcon.withProps({
     variant: 'filled',

package/dist/cjs/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;;oBAjCN;mCAEyC;yCACwB;AA8BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAYC;;;;;;+CAASC;IAC7E,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1BR,KAAKA;YACLH,SAASK,aAAaL;YACtBC,SAASK;YACTR,UAAUA;WACNI;;AAIpB;AAGJ,IAAMU,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,IAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,IAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,IAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,IAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,IAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","polymorphicFactory","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","vars","root","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","color","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";;;;+BA0CaA;;;eAAAA;;;;;;;;oBAjCN;mCAEyC;yCACwB;AA8BjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC;;;;4EAAEC,wBAAAA,iBAAiBC,iBAAAA,UAAUC,6BAAAA,sBAAsBC,gBAAAA,SAASC,gBAAAA,SAAYC;;;;;;+CAASC;IAC7E,IAAiCC,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWN,OAAOM,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1BR,KAAKA;YACLH,SAASK,aAAaL;YACtBC,SAASK;YACTR,UAAUA;WACNI;;AAIpB;AAGJ,IAAMU,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,IAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AACA,IAAMC,qBAAqBvB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AACA,IAAME,uBAAuBxB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC;;AAC7E;AAEA,IAAMG,wBAAwBzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAC1G,IAAMC,iCAAiC3B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASO,OAAO;AAA4B;AAClH,IAAME,gCAAgC5B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTE,MAAM,SAANA;eAAa;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC;;AACpE;AACA,IAAMO,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAEpH1B,WAAW8B,KAAK,GAAGhB,gBAAiB,CAACgB,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGV;AACtBvB,WAAWkC,UAAU,GAAGV;AACxBxB,WAAWmC,kBAAkB,GAAGV;AAChCzB,WAAWoC,oBAAoB,GAAGT;AAClC3B,WAAWqC,mBAAmB,GAAGT;AACjC5B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDhB,mBAAqCgB,WAAW,GAAG;AACnDf,qBAAuCe,WAAW,GAAG;AACrDd,sBAAwCc,WAAW,GAAG;AACtDZ,+BAAiDY,WAAW,GAAG;AAC/DX,8BAAgDW,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}

package/dist/cjs/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAWpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAWhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,EAIf,MAAM,eAAe,CAAC;AAoBvB,eAAO,MAAM,KAAK;;;;;;;;;WAfP,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;WAZM,UAAU;gBACL,cAAc;sBACR,KAAK;iBACV,gBAAgB;UACvB,iBAAiB;aACd,YAAY;sBACH;QACd,WAAW,EAAE,OAAO,gBAAgB,CAAC;QACrC,MAAM,EAAE,OAAO,WAAW,CAAC;QAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;QAC7B,QAAQ,EAAE,OAAO,aAAa,CAAC;QAC/B,OAAO,EAAE,OAAO,YAAY,CAAC;KAChC;;iBALgB,OAAO,gBAAgB;YAC5B,OAAO,WAAW;aACjB,OAAO,YAAY;cAClB,OAAO,aAAa;aACrB,OAAO,YAAY;CAIgF,CAAC;AAGrH,QAAA,MAAM,gBAAgB,4GAUpB,CAAC;AAGH,QAAA,MAAM,WAAW,4GAUf,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,YAAY,4GAUhB,CAAC;AAGH,QAAA,MAAM,aAAa,4GAUjB,CAAC"}

package/dist/cjs/components/Alert/Alert.js

@@ -20,16 +20,15 @@ var Alert = (0, _core.polymorphicFactory)(function(props, ref) {
 });
 Alert.displayName = 'Alert';
 var AlertInformation = Alert.withProps({
-    color: 'gray',
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, {
         size: "md"
     }),
     vars: function vars() {
         return {
             root: {
-                '--alert-color': 'var(--mantine-color-text)',
-                '--alert-bg': 'var(--mantine-color-gray-light)',
-                '--alert-bd': '2px solid var(--mantine-color-gray-light)',
+                '--alert-color': 'var(--mantine-color-blue-filled)',
+                '--alert-bg': 'var(--mantine-color-blue-light)',
+                '--alert-bd': '2px solid var(--mantine-color-blue-light)',
                 '--alert-radius': 'var(--mantine-radius-sm)'
             }
         };
@@ -43,9 +42,9 @@ var AlertAdvice = Alert.withProps({
     vars: function vars() {
         return {
             root: {
-                '--alert-color': 'var(--mantine-primary-color-filled)',
-                '--alert-bg': 'var(--mantine-primary-color-light)',
-                '--alert-bd': '2px solid var(--mantine-primary-color-light)',
+                '--alert-color': 'var(--mantine-color-violet-filled)',
+                '--alert-bg': 'var(--mantine-color-violet-light)',
+                '--alert-bd': '2px solid var(--mantine-color-violet-light)',
                 '--alert-radius': 'var(--mantine-radius-sm)'
             }
         };
@@ -69,7 +68,6 @@ var AlertSuccess = Alert.withProps({
 });
 AlertSuccess.displayName = 'Alert.Success';
 var AlertWarning = Alert.withProps({
-    color: 'warning',
     icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Warning, {
         size: "md"
     }),

package/dist/cjs/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n    AlertCssVariables,\n    AlertProps,\n    AlertStylesNames,\n    AlertVariant,\n    Factory,\n    Alert as MantineAlert,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n    props: AlertProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: AlertStylesNames;\n    vars: AlertCssVariables;\n    variant: AlertVariant;\n    staticComponents: {\n        Information: typeof AlertInformation;\n        Advice: typeof AlertAdvice;\n        Warning: typeof AlertWarning;\n        Critical: typeof AlertCritical;\n        Success: typeof AlertSuccess;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    color: 'gray',\n    icon: <InfoToken.Information size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-text)',\n            '--alert-bg': 'var(--mantine-color-gray-light)',\n            '--alert-bd': '2px solid var(--mantine-color-gray-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken.Advice size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-primary-color-filled)',\n            '--alert-bg': 'var(--mantine-primary-color-light)',\n            '--alert-bd': '2px solid var(--mantine-primary-color-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n    icon: <InfoToken.Success size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-green-filled)',\n            '--alert-bg': 'var(--mantine-color-green-light)',\n            '--alert-bd': '2px solid var(--mantine-color-green-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n    color: 'warning',\n    icon: <InfoToken.Warning size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-yellow-text)',\n            '--alert-bg': 'var(--mantine-color-yellow-light)',\n            '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken.Error size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n            '--alert-bd': '2px solid var(--mantine-color-red-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","color","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCR,iBAAmCD,WAAW,GAAG;AAElD,IAAMU,cAAcf,MAAMO,SAAS,CAAC;IAChCE,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BV,WAAW,GAAG;AAE7C,IAAMY,eAAejB,MAAMO,SAAS,CAAC;IACjCE,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BZ,WAAW,GAAG;AAE9C,IAAMc,eAAenB,MAAMO,SAAS,CAAC;IACjCC,OAAO;IACPC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bd,WAAW,GAAG;AAE9C,IAAMgB,gBAAgBrB,MAAMO,SAAS,CAAC;IAClCE,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgChB,WAAW,GAAG;AAE/CL,MAAMW,WAAW,GAAGL;AACpBN,MAAMgB,MAAM,GAAGD;AACff,MAAMoB,OAAO,GAAGD;AAChBnB,MAAMuB,QAAQ,GAAGF;AACjBrB,MAAMkB,OAAO,GAAGD"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n    AlertCssVariables,\n    AlertProps,\n    AlertStylesNames,\n    AlertVariant,\n    Factory,\n    Alert as MantineAlert,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {type ComponentType} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\n\ntype AlertOverloadFactory = Factory<{\n    props: AlertProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: AlertStylesNames;\n    vars: AlertCssVariables;\n    variant: AlertVariant;\n    staticComponents: {\n        Information: typeof AlertInformation;\n        Advice: typeof AlertAdvice;\n        Warning: typeof AlertWarning;\n        Critical: typeof AlertCritical;\n        Success: typeof AlertSuccess;\n    };\n}>;\n\nexport const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);\nAlert.displayName = 'Alert';\n\nconst AlertInformation = Alert.withProps({\n    icon: <InfoToken.Information size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-blue-filled)',\n            '--alert-bg': 'var(--mantine-color-blue-light)',\n            '--alert-bd': '2px solid var(--mantine-color-blue-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertInformation as ComponentType).displayName = 'Alert.Information';\n\nconst AlertAdvice = Alert.withProps({\n    icon: <InfoToken.Advice size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-violet-filled)',\n            '--alert-bg': 'var(--mantine-color-violet-light)',\n            '--alert-bd': '2px solid var(--mantine-color-violet-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertAdvice as ComponentType).displayName = 'Alert.Advice';\n\nconst AlertSuccess = Alert.withProps({\n    icon: <InfoToken.Success size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-green-filled)',\n            '--alert-bg': 'var(--mantine-color-green-light)',\n            '--alert-bd': '2px solid var(--mantine-color-green-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertSuccess as ComponentType).displayName = 'Alert.Success';\n\nconst AlertWarning = Alert.withProps({\n    icon: <InfoToken.Warning size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-yellow-text)',\n            '--alert-bg': 'var(--mantine-color-yellow-light)',\n            '--alert-bd': '2px solid var(--mantine-color-yellow-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertWarning as ComponentType).displayName = 'Alert.Warning';\n\nconst AlertCritical = Alert.withProps({\n    icon: <InfoToken.Error size=\"md\" />,\n    vars: () => ({\n        root: {\n            '--alert-color': 'var(--mantine-color-error)',\n            '--alert-bg': 'var(--mantine-color-red-light)',\n            '--alert-bd': '2px solid var(--mantine-color-red-light)',\n            '--alert-radius': 'var(--mantine-radius-sm)',\n        },\n    }),\n});\n(AlertCritical as ComponentType).displayName = 'Alert.Critical';\n\nAlert.Information = AlertInformation;\nAlert.Advice = AlertAdvice;\nAlert.Warning = AlertWarning;\nAlert.Critical = AlertCritical;\nAlert.Success = AlertSuccess;\n"],"names":["Alert","polymorphicFactory","props","ref","MantineAlert","displayName","AlertInformation","withProps","icon","InfoToken","Information","size","vars","root","AlertAdvice","Advice","AlertSuccess","Success","AlertWarning","Warning","AlertCritical","Error","Critical"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;oBApBN;yBAEiB;AAkBjB,IAAMA,QAAQC,IAAAA,wBAAkB,EAAuB,SAACC,OAAOC;yBAAQ,qBAACC,WAAY,8CAAKF;QAAOC,KAAKA;;;AAC5GH,MAAMK,WAAW,GAAG;AAEpB,IAAMC,mBAAmBN,MAAMO,SAAS,CAAC;IACrCC,oBAAM,qBAACC,oBAAS,CAACC,WAAW;QAACC,MAAK;;IAClCC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCP,iBAAmCD,WAAW,GAAG;AAElD,IAAMS,cAAcd,MAAMO,SAAS,CAAC;IAChCC,oBAAM,qBAACC,oBAAS,CAACM,MAAM;QAACJ,MAAK;;IAC7BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCC,YAA8BT,WAAW,GAAG;AAE7C,IAAMW,eAAehB,MAAMO,SAAS,CAAC;IACjCC,oBAAM,qBAACC,oBAAS,CAACQ,OAAO;QAACN,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCG,aAA+BX,WAAW,GAAG;AAE9C,IAAMa,eAAelB,MAAMO,SAAS,CAAC;IACjCC,oBAAM,qBAACC,oBAAS,CAACU,OAAO;QAACR,MAAK;;IAC9BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCK,aAA+Bb,WAAW,GAAG;AAE9C,IAAMe,gBAAgBpB,MAAMO,SAAS,CAAC;IAClCC,oBAAM,qBAACC,oBAAS,CAACY,KAAK;QAACV,MAAK;;IAC5BC,MAAM,SAANA;eAAa;YACTC,MAAM;gBACF,iBAAiB;gBACjB,cAAc;gBACd,cAAc;gBACd,kBAAkB;YACtB;QACJ;;AACJ;AACCO,cAAgCf,WAAW,GAAG;AAE/CL,MAAMU,WAAW,GAAGJ;AACpBN,MAAMe,MAAM,GAAGD;AACfd,MAAMmB,OAAO,GAAGD;AAChBlB,MAAMsB,QAAQ,GAAGF;AACjBpB,MAAMiB,OAAO,GAAGD"}

package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerInlineCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,mBAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAM3G,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AACnG,MAAM,WAAW,kCACb,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IACrE;;OAEG;IACH,YAAY,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACtD;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,eAAe,CACpB,CAAC;CACL;AAMD,eAAO,MAAM,6BAA6B,GAAI,yFAQ3C,kCAAkC,4CAmEpC,CAAC"}
+{"version":3,"file":"DateRangePickerInlineCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,mBAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAM3G,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AACnG,MAAM,WAAW,kCAAmC,SAAQ,IAAI,CAC5D,4BAA4B,EAC5B,YAAY,GAAG,UAAU,CAC5B;IACG;;OAEG;IACH,YAAY,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACtD;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,eAAe,CACpB,CAAC;CACL;AAMD,eAAO,MAAM,6BAA6B,GAAI,yFAQ3C,kCAAkC,4CAmEpC,CAAC"}

package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../Button/Button.js';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DatesRangeValue<DateStringValue | null>) => void;\n    /**\n     * Function called when the user click on the cancel button\n     */\n    onCancel: () => void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n    /**\n     * Props for RangeCalendar displayed in the popover\n     */\n    rangeCalendarProps?: Omit<\n        DatePickerBaseProps,\n        | 'value'\n        | 'onChange'\n        | 'isDateInRange'\n        | 'isDateFirstInRange'\n        | 'isDateLastInRange'\n        | 'presets'\n        | '__onPresetSelect'\n        | 'allowDeselect'\n    >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DatesRangeValue => Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: DateStringValue): DateStringValue => (value ? dayjs(value).endOf('day').toISOString() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n    initialRange,\n    onApply,\n    onCancel,\n    presets,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n    const form = useForm({\n        initialValues: {\n            dates: initialRange,\n        },\n    });\n    const calendarInputProps = form.getInputProps('dates');\n\n    const onCalendarChange = (range: DateStringValue | DatesRangeValue<DateStringValue | null>): void => {\n        // If the current value is [null, null] and a date is selected, set [selectedValue, null]\n        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {\n            calendarInputProps.onChange([dayjs(range[0]).toISOString(), null]);\n            return;\n        }\n        const normalized =\n            isDateRangePickerValue(range) && range[1] ? [dayjs(range[0]).toISOString(), endOfDay(range[1])] : range;\n        calendarInputProps.onChange(normalized);\n    };\n\n    const onCalendarApply = () => {\n        // In case the user only clicked the start date, but not the end date,\n        // assume a single day was meant to be selected.\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = endOfDay(form.values.dates[0]);\n        }\n        onApply(form.values.dates);\n    };\n    return (\n        <>\n            <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n                <EditableDateRangePicker\n                    value={calendarInputProps.value}\n                    {...calendarInputProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect\n                            value={calendarInputProps.value}\n                            presets={presets}\n                            {...calendarInputProps}\n                            selectProps={{comboboxProps: {withinPortal: false}}}\n                        />\n                    </>\n                ) : null}\n            </Group>\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker<'range'>\n                    numberOfColumns={2}\n                    columnsToScroll={1}\n                    type=\"range\"\n                    styles={{day: {textAlign: 'center'}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                    onChange={onCalendarChange}\n                />\n            </Center>\n            <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n                <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n                <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n            </Group>\n        </>\n    );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toISOString","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","onChange","normalized","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","Tertiary","onClick","Primary"],"mappings":";;;;+BAwDaA;;;eAAAA;;;;;;;oBAxDsB;qBACuD;oBACpE;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AA4CpE,IAAMC,yBAAyB,gCAACC;WAA6CC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAEtH,IAAMC,WAAW,kBAACJ;WAA6CA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,WAAW,KAAKP;;AAE1G,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,0BAACC;QACtB,yFAAyF;QACzF,IAAIvB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YAChEH,mBAAmBI,QAAQ,CAAC;gBAAClB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;gBAAI;aAAK;YACjE;QACJ;QACA,IAAMiB,aACFzB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACjB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;YAAIH,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QACtGH,mBAAmBI,QAAQ,CAACC;IAChC;IAEA,IAAMC,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IACA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAER,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJI,UAAUF;;;0BAGlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM,CAACC,QAAQ;wBAACC,SAAS/C;kCAAU;;kCACpC,qBAAC6C,cAAM,CAACG,OAAO;wBAACD,SAAShC;kCAAiB;;;;;;AAI1D"}
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../Button/Button.js';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\nexport interface DateRangePickerInlineCalendarProps extends Pick<\n    EditableDateRangePickerProps,\n    'startProps' | 'endProps'\n> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DatesRangeValue<DateStringValue | null>) => void;\n    /**\n     * Function called when the user click on the cancel button\n     */\n    onCancel: () => void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n    /**\n     * Props for RangeCalendar displayed in the popover\n     */\n    rangeCalendarProps?: Omit<\n        DatePickerBaseProps,\n        | 'value'\n        | 'onChange'\n        | 'isDateInRange'\n        | 'isDateFirstInRange'\n        | 'isDateLastInRange'\n        | 'presets'\n        | '__onPresetSelect'\n        | 'allowDeselect'\n    >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DatesRangeValue => Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: DateStringValue): DateStringValue => (value ? dayjs(value).endOf('day').toISOString() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n    initialRange,\n    onApply,\n    onCancel,\n    presets,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n    const form = useForm({\n        initialValues: {\n            dates: initialRange,\n        },\n    });\n    const calendarInputProps = form.getInputProps('dates');\n\n    const onCalendarChange = (range: DateStringValue | DatesRangeValue<DateStringValue | null>): void => {\n        // If the current value is [null, null] and a date is selected, set [selectedValue, null]\n        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {\n            calendarInputProps.onChange([dayjs(range[0]).toISOString(), null]);\n            return;\n        }\n        const normalized =\n            isDateRangePickerValue(range) && range[1] ? [dayjs(range[0]).toISOString(), endOfDay(range[1])] : range;\n        calendarInputProps.onChange(normalized);\n    };\n\n    const onCalendarApply = () => {\n        // In case the user only clicked the start date, but not the end date,\n        // assume a single day was meant to be selected.\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = endOfDay(form.values.dates[0]);\n        }\n        onApply(form.values.dates);\n    };\n    return (\n        <>\n            <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n                <EditableDateRangePicker\n                    value={calendarInputProps.value}\n                    {...calendarInputProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect\n                            value={calendarInputProps.value}\n                            presets={presets}\n                            {...calendarInputProps}\n                            selectProps={{comboboxProps: {withinPortal: false}}}\n                        />\n                    </>\n                ) : null}\n            </Group>\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker<'range'>\n                    numberOfColumns={2}\n                    columnsToScroll={1}\n                    type=\"range\"\n                    styles={{day: {textAlign: 'center'}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                    onChange={onCalendarChange}\n                />\n            </Center>\n            <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n                <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n                <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n            </Group>\n        </>\n    );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toISOString","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","onChange","normalized","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","Tertiary","onClick","Primary"],"mappings":";;;;+BA0DaA;;;eAAAA;;;;;;;oBA1DsB;qBACuD;oBACpE;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AA8CpE,IAAMC,yBAAyB,gCAACC;WAA6CC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAEtH,IAAMC,WAAW,kBAACJ;WAA6CA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,WAAW,KAAKP;;AAE1G,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,0BAACC;QACtB,yFAAyF;QACzF,IAAIvB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YAChEH,mBAAmBI,QAAQ,CAAC;gBAAClB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;gBAAI;aAAK;YACjE;QACJ;QACA,IAAMiB,aACFzB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACjB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;YAAIH,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QACtGH,mBAAmBI,QAAQ,CAACC;IAChC;IAEA,IAAMC,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IACA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAER,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJI,UAAUF;;;0BAGlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM,CAACC,QAAQ;wBAACC,SAAS/C;kCAAU;;kCACpC,qBAAC6C,cAAM,CAACG,OAAO;wBAACD,SAAShC;kCAAiB;;;;;;AAI1D"}

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

@@ -1,7 +1,8 @@
 import { GetStylesApi } from '@mantine/core';
-import type { HeaderFactory } from './Header.js';
+import type { HeaderFactory, HeaderVariant } from './Header.js';
 export interface HeaderContextValue {
     getStyles: GetStylesApi<HeaderFactory>;
+    variant: HeaderVariant;
 }
 export declare const HeaderProvider: ({ children, value }: {
     value: HeaderContextValue;

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

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

package/dist/cjs/components/Header/Header.context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory} from './Header.js';\n\nexport interface HeaderContextValue {\n    getStyles: GetStylesApi<HeaderFactory>;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n    'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;QAOcA;eAAAA;;QAAgBC;eAAAA;;;;oBAPgB;IAOIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}
+{"version":3,"sources":["../../../../src/components/Header/Header.context.ts"],"sourcesContent":["import {GetStylesApi, createSafeContext} from '@mantine/core';\nimport type {HeaderFactory, HeaderVariant} from './Header.js';\n\nexport interface HeaderContextValue {\n    getStyles: GetStylesApi<HeaderFactory>;\n    variant: HeaderVariant;\n}\n\nexport const [HeaderProvider, useHeaderContext] = createSafeContext<HeaderContextValue>(\n    'Header component was not found in tree',\n);\n"],"names":["HeaderProvider","useHeaderContext","createSafeContext"],"mappings":";;;;;;;;;;;QAQcA;eAAAA;;QAAgBC;eAAAA;;;;oBARgB;IAQIC,wCAAAA,IAAAA,uBAAiB,EAC/D;AADG,IAAOF,iBAAoCE,uBAApBD,mBAAoBC"}

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

@@ -75,7 +75,8 @@ var Header = (0, _core.factory)(function(_props, ref) {
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
         value: {
-            getStyles: getStyles
+            getStyles: getStyles,
+            variant: variant
         },
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, _object_spread_props._(_object_spread._({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends\n        StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text\n                        component=\"div\"\n                        {...getStyles('description', stylesApiProps)}\n                        size={variant === 'primary' ? 'md' : 'sm'}\n                    >\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,oBAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;;;;;;;;;;;;;IACJ,IAAMc,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}
+{"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context.js';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText.js';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor.js';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight.js';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs.js';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor.js';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight.js';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends\n        StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'attributes'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n} satisfies Partial<HeaderProps>;\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles, variant}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text\n                        component=\"div\"\n                        {...getStyles('description', stylesApiProps)}\n                        size={variant === 'primary' ? 'md' : 'sm'}\n                    >\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.displayName = 'Header';\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","displayName","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAe;IACjBC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,oBAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;;;;;;;;;;;;;IACJ,IAAMc,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;YAAWrB,SAAAA;QAAO;;0BACtC,sBAAC0C,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI;gCACDF,WAAU;+BACNzB,UAAU,eAAeI;gCAC7BwB,MAAMjD,YAAY,YAAY,OAAO;0CAEpCU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAG;AACrBrD,OAAOsD,WAAW,GAAGnB,oCAAiB;AACtCnC,OAAOuD,gBAAgB,GAAGC,8CAAsB;AAChDxD,OAAOyD,cAAc,GAAGC,0CAAoB;AAC5C1D,OAAO2D,KAAK,GAAGtB,wBAAW;AAC1BrC,OAAO4D,SAAS,GAAGrB,gCAAe"}

package/dist/cjs/components/Header/Header.module.css

@@ -16,5 +16,4 @@
 
 .docAnchor {
     margin-left: var(--mantine-spacing-xs);
-    vertical-align: middle;
 }

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,WAAW,EACX,sBAAsB,EACtB,OAAO,EAEP,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SACI,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAC9B,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAgChB,CAAC"}
+{"version":3,"file":"HeaderDocAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,sBAAsB,EAAE,OAAO,EAAW,YAAY,EAAoB,MAAM,eAAe,CAAC;AACrH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG,WAAW,CAAC;AAEzE,MAAM,WAAW,oBACb,SACI,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAC9B,sBAAsB,CAAC,sBAAsB,CAAC,EAC9C,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACnE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,yBAAyB,CAAC;IACvC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAOH,eAAO,MAAM,eAAe;WAXjB,oBAAoB;SACtB,iBAAiB;iBACT,yBAAyB;cAC5B,IAAI;EAmChB,CAAC"}

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

@@ -12,16 +12,17 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _InfoToken = require("../../InfoToken/InfoToken.js");
+var _ActionIcon = require("../../ActionIcon/ActionIcon.js");
 var _Headercontext = require("../Header.context.js");
 var defaultProps = {
     position: 'right',
-    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, {})
+    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconExternalLink, {})
 };
 var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
     var props = (0, _core.useProps)('PlasmaHeaderActions', defaultProps, _props);
-    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, others = _object_without_properties._(props, [
+    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, label = props.label, position = props.position, vars = props.vars, size = props.size, others = _object_without_properties._(props, [
         "className",
         "classNames",
         "styles",
@@ -29,7 +30,8 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
         "children",
         "label",
         "position",
-        "vars"
+        "vars",
+        "size"
     ]);
     var ctx = (0, _Headercontext.useHeaderContext)();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, {
@@ -43,10 +45,13 @@ var HeaderDocAnchor = (0, _core.factory)(function(_props, ref) {
                 props: props
             }).className
         },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, _object_spread_props._(_object_spread._({
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionIcon.ActionIcon.Tertiary, _object_spread_props._(_object_spread._({
             ref: ref,
-            inline: true,
-            target: "_blank"
+            size: ctx.variant === 'primary' ? 'lg' : 'md',
+            component: "a",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": "external"
         }, ctx.getStyles('docAnchor', {
             classNames: classNames,
             styles: styles,

package/dist/cjs/components/Header/HeaderDocAnchor/HeaderDocAnchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {\n    Anchor,\n    AnchorProps,\n    CompoundStylesApiProps,\n    Factory,\n    Tooltip,\n    TooltipProps,\n    factory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {InfoToken} from '../../InfoToken/InfoToken.js';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <InfoToken.Question />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <Anchor\n                ref={ref}\n                inline\n                target=\"_blank\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </Anchor>\n        </Tooltip>\n    );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","InfoToken","Question","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","Anchor","inline","target","displayName"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;oBAvCN;yBAEiB;6BACO;AA+B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,oBAAS,CAACC,QAAQ;AACjC;AAEO,IAAML,kBAAkBM,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBT,cAAcM;IAC5D,IAAOI,YAAoFF,MAApFE,WAAWC,aAAyEH,MAAzEG,YAAYC,SAA6DJ,MAA7DI,QAAQC,QAAqDL,MAArDK,OAAOX,WAA8CM,MAA9CN,UAAUY,QAAoCN,MAApCM,OAAOb,WAA6BO,MAA7BP,UAAUc,OAAmBP,MAAnBO,MAASC,sCAAUR;;;;;;;;;;IAE3F,IAAMS,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJL,OAAOA;QACPM,UAAU,CAACN;QACXb,UAAUA;QACVU,YAAY;YAACU,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACX,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACa,YAAM;YACHhB,KAAKA;YACLiB,MAAM;YACNC,QAAO;WACHR,IAAIK,SAAS,CAAC,aAAa;YAACX,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEM;sBAEHd;;;AAIjB;AAEAH,gBAAgB2B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/Header/HeaderDocAnchor/HeaderDocAnchor.tsx"],"sourcesContent":["import {IconExternalLink} from '@coveord/plasma-react-icons';\nimport {AnchorProps, CompoundStylesApiProps, Factory, Tooltip, TooltipProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {ActionIcon} from '../../ActionIcon/ActionIcon.js';\nimport {useHeaderContext} from '../Header.context.js';\n\nexport type HeaderDocAnchorStyleNames = 'docAnchorTooltip' | 'docAnchor';\n\nexport interface HeaderDocAnchorProps\n    extends\n        Pick<TooltipProps, 'position'>,\n        CompoundStylesApiProps<HeaderDocAnchorFactory>,\n        Omit<AnchorProps, 'classNames' | 'styles' | 'variant' | 'vars'> {\n    /**\n     * A href pointing to documentation related to the current panel.\n     * When provided, an info icon is rendered next to the title as link to this documentation\n     */\n    href: string;\n    /**\n     * The tooltip text shown when hovering over the doc link icon\n     */\n    label?: ReactNode;\n    /**\n     * React component to add the tooltip and anchor on\n     */\n    children?: ReactNode;\n}\n\nexport type HeaderDocAnchorFactory = Factory<{\n    props: HeaderDocAnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderDocAnchorStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderDocAnchorProps> = {\n    position: 'right',\n    children: <IconExternalLink />,\n};\n\nexport const HeaderDocAnchor = factory<HeaderDocAnchorFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeaderActions', defaultProps, _props);\n    const {className, classNames, styles, style, children, label, position, vars, size, ...others} = props;\n\n    const ctx = useHeaderContext();\n\n    return (\n        <Tooltip\n            label={label}\n            disabled={!label}\n            position={position}\n            classNames={{tooltip: ctx.getStyles('docAnchorTooltip', {classNames, styles, props}).className}}\n        >\n            <ActionIcon.Tertiary\n                ref={ref}\n                size={ctx.variant === 'primary' ? 'lg' : 'md'}\n                component=\"a\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                aria-label=\"external\"\n                {...ctx.getStyles('docAnchor', {classNames, styles, props, style, className})}\n                {...others}\n            >\n                {children}\n            </ActionIcon.Tertiary>\n        </Tooltip>\n    );\n});\n\nHeaderDocAnchor.displayName = 'Header.DocAnchor';\n"],"names":["HeaderDocAnchor","defaultProps","position","children","IconExternalLink","factory","_props","ref","props","useProps","className","classNames","styles","style","label","vars","size","others","ctx","useHeaderContext","Tooltip","disabled","tooltip","getStyles","ActionIcon","Tertiary","variant","component","target","rel","aria-label","displayName"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;gCAxCkB;oBACsE;0BAE5E;6BACM;AA+B/B,IAAMC,eAA8C;IAChDC,UAAU;IACVC,wBAAU,qBAACC,kCAAgB;AAC/B;AAEO,IAAMJ,kBAAkBK,IAAAA,aAAO,EAAyB,SAACC,QAAQC;IACpE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcK;IAC5D,IAAOI,YAA0FF,MAA1FE,WAAWC,aAA+EH,MAA/EG,YAAYC,SAAmEJ,MAAnEI,QAAQC,QAA2DL,MAA3DK,OAAOV,WAAoDK,MAApDL,UAAUW,QAA0CN,MAA1CM,OAAOZ,WAAmCM,MAAnCN,UAAUa,OAAyBP,MAAzBO,MAAMC,OAAmBR,MAAnBQ,MAASC,sCAAUT;;;;;;;;;;;IAEjG,IAAMU,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,aAAO;QACJN,OAAOA;QACPO,UAAU,CAACP;QACXZ,UAAUA;QACVS,YAAY;YAACW,SAASJ,IAAIK,SAAS,CAAC,oBAAoB;gBAACZ,YAAAA;gBAAYC,QAAAA;gBAAQJ,OAAAA;YAAK,GAAGE,SAAS;QAAA;kBAE9F,cAAA,qBAACc,sBAAU,CAACC,QAAQ;YAChBlB,KAAKA;YACLS,MAAME,IAAIQ,OAAO,KAAK,YAAY,OAAO;YACzCC,WAAU;YACVC,QAAO;YACPC,KAAI;YACJC,cAAW;WACPZ,IAAIK,SAAS,CAAC,aAAa;YAACZ,YAAAA;YAAYC,QAAAA;YAAQJ,OAAAA;YAAOK,OAAAA;YAAOH,WAAAA;QAAS,IACvEO;sBAEHd;;;AAIjB;AAEAH,gBAAgB+B,WAAW,GAAG"}

package/dist/cjs/components/InfoToken/InfoToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAGR,OAAO,EACP,yBAAyB,EAEzB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,UAAU,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAElE,KAAK,0BAA0B,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,YAAY,CAAC,GAChH,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AA2HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}
+{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoToken/InfoToken.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,QAAQ,EAGR,OAAO,EACP,yBAAyB,EAEzB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,iBAAiB,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACpG,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,YAAY,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,UAAU,sBAAuB,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC/E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAElE,KAAK,0BAA0B,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,EAAE,cAAc,CAAC,KAAK,YAAY,CAAC,GAChH,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AA6HnF,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC"}

package/dist/cjs/components/InfoToken/InfoToken.js

@@ -26,14 +26,15 @@ var colorResolver = function colorResolver(type) {
     switch(type){
         case 'error':
             return 'var(--mantine-color-error)';
+        case 'information':
+            return 'var(--mantine-color-blue-text)';
         case 'advice':
-        case 'question':
-            return 'var(--coveo-color-text-primary)';
+            return 'var(--mantine-color-violet-text)';
         case 'warning':
             return 'var(--mantine-color-yellow-text)';
         case 'success':
             return 'var(--mantine-color-green-text)';
-        case 'information':
+        case 'question':
         default:
             return 'var(--mantine-color-gray-text)';
     }
@@ -42,14 +43,15 @@ var bgColorResolver = function bgColorResolver(type) {
     switch(type){
         case 'error':
             return 'var(--mantine-color-red-light)';
+        case 'information':
+            return 'var(--mantine-color-blue-light)';
         case 'advice':
-        case 'question':
-            return 'var(--mantine-primary-color-light)';
+            return 'var(--mantine-color-violet-light)';
         case 'warning':
             return 'var(--mantine-color-yellow-light)';
         case 'success':
             return 'var(--mantine-color-green-light)';
-        case 'information':
+        case 'question':
         default:
             return 'var(--mantine-color-gray-light)';
     }

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

@@ -1 +1 @@
-{"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":["InfoToken","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","IconAlertSquare","IconHelpCircle","IconAlertTriangle","IconBulb","IconCheck","IconInfoCircle","varsResolver","createVarsResolver","_theme","color","bgColor","root","_InfoToken","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","createInfoTokenCompound","displayName","Component","createPolymorphicComponent","forwardRef","Information","Advice","Warning","Error","Question","Success"],"mappings":"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"}
+{"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 'information':\n            return 'var(--mantine-color-blue-text)';\n        case 'advice':\n            return 'var(--mantine-color-violet-text)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-text)';\n        case 'success':\n            return 'var(--mantine-color-green-text)';\n        case 'question':\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 'information':\n            return 'var(--mantine-color-blue-light)';\n        case 'advice':\n            return 'var(--mantine-color-violet-light)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-light)';\n        case 'success':\n            return 'var(--mantine-color-green-light)';\n        case 'question':\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":["InfoToken","defaultProps","variant","type","size","colorResolver","bgColorResolver","sizeResolver","iconResolver","IconAlertSquare","IconHelpCircle","IconAlertTriangle","IconBulb","IconCheck","IconInfoCircle","varsResolver","createVarsResolver","_theme","color","bgColor","root","_InfoToken","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role","aria-label","createInfoTokenCompound","displayName","Component","createPolymorphicComponent","forwardRef","Information","Advice","Warning","Error","Question","Success"],"mappings":"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"}

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

@@ -44,7 +44,7 @@ var InputLabelInfo = (0, _core.factory)(function(_props, ref) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
         label: children
     }, others), {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Information, _object_spread_props._(_object_spread._({
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InfoToken.InfoToken.Question, _object_spread_props._(_object_spread._({
             component: "span"
         }, getStyles('labelInfo', {
             className: className,

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

@@ -1 +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 MouseEvent, 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\n                component=\"span\"\n                {...getStyles('labelInfo', {className, style})}\n                ref={ref}\n                onClick={(e: MouseEvent) => e.preventDefault()}\n            />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Information","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,WAAW;YAClBC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}
+{"version":3,"sources":["../../../../src/components/Input/InputLabelInfo.tsx"],"sourcesContent":["import {factory, StylesApiProps, Tooltip, useProps, useStyles, type Factory, type TooltipProps} from '@mantine/core';\nimport {type MouseEvent, 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.Question\n                component=\"span\"\n                {...getStyles('labelInfo', {className, style})}\n                ref={ref}\n                onClick={(e: MouseEvent) => e.preventDefault()}\n            />\n        </Tooltip>\n    );\n});\n"],"names":["InputLabelInfo","defaultProps","factory","_props","ref","props","useProps","classNames","className","style","styles","unstyled","vars","children","attributes","others","getStyles","useStyles","name","classes","Tooltip","label","InfoToken","Question","component","onClick","e","preventDefault"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;oBAtBwF;yBAE7E;gFACJ;AAiBpB,IAAMC,eAAe,CAAC;AAEf,IAAMD,iBAAiBE,IAAAA,aAAO,EAAwB,SAACC,QAAQC;IAClE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,kBAAkBL,cAAcE;IACvD,IAAOI,aAAyFF,MAAzFE,YAAYC,YAA6EH,MAA7EG,WAAWC,QAAkEJ,MAAlEI,OAAOC,SAA2DL,MAA3DK,QAAQC,WAAmDN,MAAnDM,UAAUC,OAAyCP,MAAzCO,MAAMC,WAAmCR,MAAnCQ,UAAUC,aAAyBT,MAAzBS,YAAeC,sCAAUV;;;;;;;;;;IAChG,IAAMW,YAAYC,IAAAA,eAAS,EAAwB;QAC/CC,MAAM;QACNb,OAAAA;QACAI,OAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAG,YAAAA;QACAN,WAAAA;QACAW,SAAAA,gCAAO;QACPZ,YAAAA;QACAK,MAAAA;IACJ;IACA,qBACI,qBAACQ,aAAO;QAACC,OAAOR;OAAcE;kBAC1B,cAAA,qBAACO,oBAAS,CAACC,QAAQ;YACfC,WAAU;WACNR,UAAU,aAAa;YAACR,WAAAA;YAAWC,OAAAA;QAAK;YAC5CL,KAAKA;YACLqB,SAAS,SAATA,QAAUC;uBAAkBA,EAAEC,cAAc;;;;AAI5D"}

package/dist/cjs/components/Table/layouts/row-layout/RowLayoutBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,QAAQ,EAAY,sBAAsB,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAGjG,OAAO,EAAC,YAAY,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAW,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAOtD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACjC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAEvD,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;KAAI,CAAC,SAAU,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eAR/F,kBAAkB,CAAC,OAAO,CAAC;aAC7B,mBAAmB;qBACX,wBAAwB;kBAC3B,IAAI;;CA6GjB,CAAC"}
+{"version":3,"file":"RowLayoutBody.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,QAAQ,EAAY,sBAAsB,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAGjG,OAAO,EAAC,YAAY,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,0BAA0B,EAAW,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAOtD,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,MAAM,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACjC,SAAQ,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAE1F,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,EAAE,wBAAwB,CAAC;IACtC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,aAAa;KAAI,CAAC,SAAU,kBAAkB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eAR/F,kBAAkB,CAAC,OAAO,CAAC;aAC7B,mBAAmB;qBACX,wBAAwB;kBAC3B,IAAI;;CA6GjB,CAAC"}

package/dist/cjs/components/Table/layouts/row-layout/RowLayoutBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/createFactoryComponent.js';\nimport {TableLayoutProps} from '../../Table.types.js';\nimport {useTableContext} from '../../TableContext.js';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';\nimport {TableLoading} from '../../table-loading/TableLoading.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n    extends BoxProps,\n        TableLayoutProps<T>,\n        CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n    props: RowLayoutBodyProps<unknown>;\n    ref: HTMLTableRowElement;\n    stylesNames: RowLayoutBodyStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n    const ctx = useRowLayout();\n    const {\n        getRowExpandedContent,\n        onRowDoubleClick,\n        loading,\n        classNames,\n        className,\n        styles,\n        style,\n        getRowAttributes,\n        ...others\n    } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n    const {table, store} = useTableContext<T>();\n    const toggleCollapsible = (el: HTMLTableRowElement) => {\n        const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n        cell.querySelector('button').click();\n    };\n\n    const rows = table.getRowModel()?.rows.map((row) => {\n        const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n        const isSelected = !!row.getIsSelected();\n        const shouldKeepSelection = store.rowSelectionForced && isSelected;\n        const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n            if (rowChildren) {\n                toggleCollapsible(event.currentTarget);\n            }\n            if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n                row.toggleSelected();\n            }\n        };\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={onClick}\n                    onDoubleClick={() => {\n                        onRowDoubleClick?.(row.original, row.index, row);\n                    }}\n                    data-selectable={store.rowSelectionEnabled}\n                    data-selected={isSelected}\n                    data-multi-selection={store.multiRowSelectionEnabled}\n                    aria-selected={isSelected}\n                    data-testid={row.id}\n                    {...ctx.getStyles('row', {classNames, className, styles, style})}\n                    {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n                    {...others}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const columnSizing = {\n                            ...defaultColumnSizing,\n                            size: cell.column.columnDef.size,\n                            minSize: cell.column.columnDef.minSize,\n                            maxSize: cell.column.columnDef.maxSize,\n                        };\n\n                        const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n                            if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n                                event.stopPropagation();\n                            }\n                        };\n\n                        return (\n                            <td\n                                key={cell.id}\n                                data-testid={cell.id}\n                                className={ctx.getStyles('cell', {classNames, styles}).className}\n                                style={{\n                                    width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n                                    minWidth: `${columnSizing.minSize}px`,\n                                    maxWidth: `${columnSizing.maxSize}px`,\n                                    ...ctx.getStyles('cell', {classNames, styles}).style,\n                                }}\n                                data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n                                onClick={onCollapsibleCellClick}\n                            >\n                                <TableLoading visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </TableLoading>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n                        <td\n                            colSpan={table.getAllColumns().length}\n                            style={{\n                                padding: 0,\n                            }}\n                        >\n                            <Collapse in={row.getIsExpanded()}>\n                                <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n                                    {rowChildren}\n                                </Box>\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","useTableContext","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutBody.tsx"],"sourcesContent":["import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {ForwardedRef, Fragment, type MouseEvent} from 'react';\nimport {CustomComponentThemeExtend, identity} from '../../../../utils/createFactoryComponent.js';\nimport {TableLayoutProps} from '../../Table.types.js';\nimport {useTableContext} from '../../TableContext.js';\nimport {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';\nimport {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';\nimport {TableLoading} from '../../table-loading/TableLoading.js';\nimport {useRowLayout} from './RowLayoutContext.js';\n\nexport type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';\n\nexport interface RowLayoutBodyProps<T>\n    extends BoxProps, TableLayoutProps<T>, CompoundStylesApiProps<RowLayoutBodyFactory> {}\n\nexport type RowLayoutBodyFactory = Factory<{\n    props: RowLayoutBodyProps<unknown>;\n    ref: HTMLTableRowElement;\n    stylesNames: RowLayoutBodyStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutBodyProps<unknown>> = {};\n\nexport const RowLayoutBody = <T,>(props: RowLayoutBodyProps<T> & {ref?: ForwardedRef<HTMLTableRowElement>}) => {\n    const ctx = useRowLayout();\n    const {\n        getRowExpandedContent,\n        onRowDoubleClick,\n        loading,\n        classNames,\n        className,\n        styles,\n        style,\n        getRowAttributes,\n        ...others\n    } = useProps('RowLayoutBody', defaultProps as RowLayoutBodyProps<T>, props);\n    const {table, store} = useTableContext<T>();\n    const toggleCollapsible = (el: HTMLTableRowElement) => {\n        const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n        cell.querySelector('button').click();\n    };\n\n    const rows = table.getRowModel()?.rows.map((row) => {\n        const rowChildren = getRowExpandedContent?.(row.original, row.index, row) ?? null;\n        const isSelected = !!row.getIsSelected();\n        const shouldKeepSelection = store.rowSelectionForced && isSelected;\n        const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n            if (rowChildren) {\n                toggleCollapsible(event.currentTarget);\n            }\n            if (store.rowSelectionEnabled && !store.multiRowSelectionEnabled && !shouldKeepSelection) {\n                row.toggleSelected();\n            }\n        };\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={onClick}\n                    onDoubleClick={() => {\n                        onRowDoubleClick?.(row.original, row.index, row);\n                    }}\n                    data-selectable={store.rowSelectionEnabled}\n                    data-selected={isSelected}\n                    data-multi-selection={store.multiRowSelectionEnabled}\n                    aria-selected={isSelected}\n                    data-testid={row.id}\n                    {...ctx.getStyles('row', {classNames, className, styles, style})}\n                    {...(getRowAttributes?.(row.original, row.index, row) ?? {})}\n                    {...others}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const columnSizing = {\n                            ...defaultColumnSizing,\n                            size: cell.column.columnDef.size,\n                            minSize: cell.column.columnDef.minSize,\n                            maxSize: cell.column.columnDef.maxSize,\n                        };\n\n                        const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n                            if (cell.column.id === TableSelectableColumn.id && store.rowSelectionEnabled) {\n                                event.stopPropagation();\n                            }\n                        };\n\n                        return (\n                            <td\n                                key={cell.id}\n                                data-testid={cell.id}\n                                className={ctx.getStyles('cell', {classNames, styles}).className}\n                                style={{\n                                    width: columnSizing.size ? `${columnSizing.size}px` : 'auto',\n                                    minWidth: `${columnSizing.minSize}px`,\n                                    maxWidth: `${columnSizing.maxSize}px`,\n                                    ...ctx.getStyles('cell', {classNames, styles}).style,\n                                }}\n                                data-collapsible-cell={cell.column.id === TableCollapsibleColumn.id}\n                                onClick={onCollapsibleCellClick}\n                            >\n                                <TableLoading visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </TableLoading>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr {...ctx.getStyles('collapsibleRow', {classNames, styles})}>\n                        <td\n                            colSpan={table.getAllColumns().length}\n                            style={{\n                                padding: 0,\n                            }}\n                        >\n                            <Collapse in={row.getIsExpanded()}>\n                                <Box {...ctx.getStyles('collapsibleWrapper', {classNames, styles})} px=\"sm\" py=\"xs\">\n                                    {rowChildren}\n                                </Box>\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return <>{rows}</>;\n};\n\nRowLayoutBody.extend = identity as CustomComponentThemeExtend<RowLayoutBodyFactory>;\n"],"names":["RowLayoutBody","defaultProps","props","table","ctx","useRowLayout","useProps","getRowExpandedContent","onRowDoubleClick","loading","classNames","className","styles","style","getRowAttributes","others","useTableContext","store","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","map","row","rowChildren","original","index","isSelected","getIsSelected","shouldKeepSelection","rowSelectionForced","onClick","event","currentTarget","rowSelectionEnabled","multiRowSelectionEnabled","toggleSelected","Fragment","tr","onDoubleClick","data-selectable","data-selected","data-multi-selection","aria-selected","data-testid","id","getStyles","getVisibleCells","columnSizing","defaultColumnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","TableSelectableColumn","stopPropagation","td","width","minWidth","maxWidth","data-collapsible-cell","TableCollapsibleColumn","TableLoading","visible","flexRender","getContext","colSpan","getAllColumns","padding","Collapse","in","getIsExpanded","Box","px","py","extend","identity"],"mappings":"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"}

package/dist/cjs/components/Table/layouts/row-layout/RowLayoutHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EACZ,gBAAgB,CAAC,CAAC,CAAC,EACnB,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAWvD,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}
+{"version":3,"file":"RowLayoutHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/layouts/row-layout/RowLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAoB,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAW,MAAM,6CAA6C,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAGtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACnC,SAAQ,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,sBAAsB,CAAC,oBAAoB,CAAC;CAAG;AAW1F,eAAO,MAAM,eAAe;KAAI,CAAC,SAAU,oBAAoB,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;KAAC;;eARnG,oBAAoB,CAAC,OAAO,CAAC;aAC/B,mBAAmB;qBACX,yBAAyB;kBAC5B,IAAI;;CAmCjB,CAAC"}